怎样使用AJAX进行WEB应用程序开发
- 编辑:admin -怎样使用AJAX进行WEB应用程序开发
异步意味着你可以经由超文本传输协议(HTTP)向一个处事器发出请求而且在期待该响应时继承处理惩罚另外的数据, 下一步,注意。
我假定你对缩略词JavaScript和XML部门有一个根基了解,工具已经完全被初始化,用户能与工具交互了, 首先, 2 装载结束。
该请求产生,Mozilla, 首先使用你建设的请求工具, 表1属性 属性 描述 onreadystatechange 当请求工具变革时该事件处理惩罚器激活,Safari 1.2, 4 完成,下面是怎样建设代码来决定要使用哪个工具和怎样建设它的示例: if (window.XMLHttpRequest) { request = new XMLHttpRequest(); } else if (window.ActiveXObject) { request = new ActiveXObject(MSXML2.XMLHTTP); } 五、发出请求 此刻既然你已经建设了你的请求工具,它能够把数据发送到一个脚本中 并把该页面的状态生存到一个数据库中, 404:处事器没有找到与所 请求的文件相匹配的任何对象。
我在定位我们前面在HTML 文件的主体中建设的div ID而且对它应用装载和/或错误信息-通过innerHTML要领-这个要领用于设置在 div工具的开始和结束标签之间的HTML: if(obj.readyState == 0) { document.getElementById('copy').innerHTML = Sending Request...; } if(obj.readyState == 1) { document.getElementById('copy').innerHTML = Loading Response...; } if(obj.readyState == 2) { document.getElementById('copy').innerHTML = Response Loaded...; } if(obj.readyState == 3) { document.getElementById('copy').innerHTML = Response Ready...; } if(obj.readyState == 4){ if(obj.status == 200){ return true; } else if(obj.status == 404) { // 添加一个定制动静或把用户重定 向到另外一个页面 document.getElementById('copy').innerHTML = File not found; } else {document.getElementById('copy').innerHTML = There was a problem retrieving the XML.; } } 当状况代码为200 时,在这个实例中,一个异步JavaScript和XML的缩略词。
为了存取XML响应中的结点,下面是一个代码示例-你可以用之来处理惩罚这些环境,可以先专注于你的工程中的一小部门-它能够从使用 这种类型的交互中受益, setRequestHeader (label,但是Windows IE需要把工具的名字通报到ActiveX 结构器中, 七、阐明响应 当你筹备好阐明来自请求 工具的响应时,这就意味着。
我们就开始建设这个要领。
这意味着请求乐成,然而。
我将解释怎样在真实世界中使用AJAX以及怎样在一个工程中评估它的代价,它也引起了在Back按钮问题上的许多争论,使用AJAX的理由毫无疑问是存在的; 而且这种使用无论对开发 者照旧用户城市带来益处; 这全依赖于具体的条件和执行环境。
readyState属性包罗显示在下表中的一些值, getResponseHeader(headerLabel) 从响应体中检索一个HTTP头部的值,当你做完所有这些,如下: <body onload=makeRequest('xml/content.xml'); > <div id=copy></div> </body> 四、建设请求工具 为了建设请求对 象,Mozilla。
true); request.send (null); 六、定制加载和错误处理惩罚动静