后盾网开发资源15ajax异步处理

1、Ajax 异步处理后盾网 2011-2012v2.0后盾网 人人做后盾AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。通过 AJAX，您的 JavaScript 可使用 JavaScript 的XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求）， 这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX 可使因特网应用程序更小、更快，更友好。Ajax的是JavaScri

2、pt对象XmlHttpRequest。该对象在InternetExplorer 5中首次引入，它是一种支持异步请求的技术。简而言之， XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不 阻塞用户Ajax的简介后盾网 人人做后盾后盾网 人人做后盾大量的数据的时候，不想像表单reload 那样出现当要的情况，Ajax使用XMLHttpRequest这个对象1234请求，并得到服务器响应，在不重新载入整个页面的情况下用JavaScript 操作DOM最终更新页面让用户感觉如同本地应用程序一样的流畅操作。Ajax后盾网 人人做后盾客户端系统进程系统进程服务器端

3、传统的应用后盾网 人人做后盾用户行为等待用户行为等待用户行为时间使用Ajax后盾网 人人做后盾 XMLHttpRequest可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端接受数据，在向客户端数据。 XMLHttpRequest 对象提供了对 HTTP 协议的完全的POST 和 HEAD 请求以及普通的 GET 请求的能力。，做出 XMLHttpRequest 可以同步或异步返回 Web 服务器的响应，并且能以文本或者一个 DOM 文档形式返回内容。尽管名为XMLHttpRequest，它并不限于和 XML 文档一起使用：它可以接收的文本文档

4、。XMLHttpRequest 对象是名为 AJAX 的 Web应用程序架构的一项关键功能。XHR对象后盾网 人人做后盾后盾网 人人做后盾下面我们通过一步步的，来形成一个和接收XMLHttpRequest 请求的程序框架。所以这个框架基本的流程是：(1) 创建XMLHttpRequest对象(2) 打开与Server的连接，指定方式、url和权限等(3)指令(4) 等待并接收服务器返回的处理结果(5) 客户端接收，修改页面内容(6)XMLHttpRequest对象AJAX后盾网 人人做后盾创建XMLHttpRequest 对象创建XMLHttpRequest对象，要考虑两大阵营的浏览器从IE

5、7.0开始，同时支持ActiveX对象和原生的XMLHttpRequest对象的创建，这是一个从善如流之举。因此，当IE 7.0普及之后，创建XMLHttpRequest对象将可以使用完全相同的语法。最简单的创建XMLHttpRequest对象的：.5.if (window.ActiveXObject) /IEnew ActiveXObject("Microsoft.XMLHTTP");else if (window.XMLHttpRequest) / not IE new XMLHttpRequest();AJAX后盾网 人人做后盾支持标准XHRhttp_r

6、equest = new XMLHttpRequest();这行代码在Mozilla、Firefox、Safari、 Opera以及基本上所有以或方式支持Ajax的非Microsoft浏览器中，创建XMLHttpRequest对象。AJAX后盾网 人人做后盾..9.function getAjax() var http_request = null;if(window.XMLHttpRequest)/Mozilla 浏览器http_request = new XMLHttpRequest(); else if (window.ActiveXObject) / IE

7、浏览器http_request = new ActiveXObject(“Microsoft.XMLHTTP”);returnhttp_request;创建兼容的AJAX对象后盾网 人人做后盾readyState当前请求状态0：末初始化1：启动XMLHttpRequest对象 open()2：调用用send()进行3：开始接收数据，但没有全部接收完4：接收到全部数据，操作完成XMLHttpRequest状态后盾网人人做后盾onreadystatechangeXMLHttpRequest每当readState状态发生改变时，运行处理程序。定义与我们其他相同如onclickXMLHttpReque

8、st使用后盾网人人做后盾openajax.open("get","demo.php",false);第一个参数：请求类型第二个参数：请求URL第三个参数：是否为异步，true为异步false为同步注：open并向服务器任何请求，只是准备。send参数为要的数据，get方式设为null即可XMLHttpRequest使用后盾网人人做后盾status属性响应的HTTP状态200 OK304 Not Modified 此相同请求文档或文件已经找到，并正确返回拥有一个本地的缓存副本，服务器端的内容与403404Forbidden请求者对所请求的文档不具有响应权限

9、请求的文件找不到NotFoundXMLHttpRequest对象使用后盾网 人人做后盾GET参数名与值要用encodeURIComponent编码处理ajax.open("get","demo.php?"+encodeURICompone nt("web"+"="+encodeURIComponent ("houdunwang"),true);ajax.send();XMLHttpRequest对象后盾网人人做后盾setRequestHeader()设置请求头信息getResponseHeade

10、r()获得响应头信息，参数为头部变量glResponseHeader()获得所有响应头信息字符串Http头信息后盾网 人人做后盾效率会比get方式慢很多ajax.open("post",”houdunwang.php",true);ajax.send(post);以POST形式后盾网 人人做后盾responseText作为响应主体被返回的内容responseXML响应内容为text/xml或application/xml，包含响应数据的XML 文档DOM接收数据后盾网 人人做后盾load(url, data, callback)urlString待装入 HTML

11、网页。data (可选)Map,String至服务器的 key/value 数据。callback (可选)Callback载入时回调函数。例：$("#d1").load("demo.php",uname:"向军",age: 22,function()/alert(22););JQUERY中的load后盾网 人人做后盾$.get(url, data, callback, type).例：$.get("demo.php",function(data,status)var title = $(data).

12、find("news").last().text();$("#d1").html(title);)JQUERY中的get后盾网 人人做后盾$.post(url, data, callback, type)通过例：HTTP POST 请求载入信息。$.post("demo.php",uname:"xiangjun",function(data,status)$("#d1").append(data);)JQUERY中的post后盾网 人人做后盾..9.10.11.$.a

13、jax(type:“GET”,url:“demo.php”, dataType:“xml”, success:function(data)$("#d1").append(data);,error:function()alert(33);)JQUERY中的ajax后盾网 人人做后盾serialize()序列表表格内容为字符串。post = $("formname=form1").serialize();$.ajax(url:"demo.php",type:"get", dataType:"html", success:function(data)s