论ａｊａｘ技术及应用

《论ａｊａｘ技术及应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、论ＡＪＡＸ技术及应用Ajax是：用于（通过Javascript代码）处理结构。　　　　二、Ajax原理　　在传统的技术迅速更新表单数据，让用户感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。Javascript代码甚至可以对收到的数据执行某种计算，再发送另一个请求，完全不需要用户干预，甚至完全不知道幕后发生的一切，从而极大的提升了用户体验。　　　　三、Ajax应用　　现以修改用户的登录名的例子来讲述AJAX在实际中的应用，该实例可以推广到X页中任何文本内容的动态修改。　　（一）创建XMLHtt

2、pRequest对象，为了使代码同时支持InterExplorer和非Microsoft浏览器，使用如下代码　　varxmlHttp=false;　　try{　　xmlHttp=nel2.XMLHTTP");　　}catch(e){　　try{　　xmlHttp=nelHttp=false;　　}　　if(!xmlHttp%26amp;%26amp;typeofXMLHttpRequest!='undefined'){　　xmlHttp=neent.getElementById(id);//从表单中获取数据　

3、　varvalue=oNP.value;　　oNP.outer="＜inputtype='text'id='"+id+"'value='"+value+"'size='5'onblur='change(this.id)'＞";//在表单中动态改变文本为输进框　　document.getElementById(id).focus();　　}　　（三）打开到服务器的连接，将修改提交服务器　　服务器处理修改的功能由changename.jsp实现，在此不做具体先容。　　functionchange(id){　　va

4、roNP=document.getElementById(id);　　varvalue=oNP.value;　　gID=id;　　init();　　varurl="changename.jsp?id="+escape(id)+"%26amp;normalprice="+value;　　req.open("GET",url,true);　　req.onreadystatechange=callback;　　req.send(null);　　}　　（四）定义服务器处理完成之后的响应函数　　functioncall

5、back(){　　if(4==req.readyState){//停当状态　　if(200==req.status){//无错误正常完成状态　　varoNP=document.getElementById(gID);　　varvalue=oNP.value;　　oNP.outer="＜spanid='"+gID+"'value='"+value+"'onclick='changeToInput(this.id)'＞"+value+"＜/span＞";　　}　　}　　当服务器正常完成处理后，将处理结果同步更新到

6、LHttpRequest　　对象及Javascript技术，其背后隐躲的细节比较复杂，比传统的Web开发更难更繁琐，但它却能给用户带来全新的体验。Ajax不仅仅是一种时尚，更是一种构建X站的强大方法，亦是Web2.0的核心之一，因此把握并熟练运用Ajax技术是一种必须和必然。