ajax的基本知识整理

$.ajax({            type:"POST",            url:"Venue.aspx?act=init",            dataType:"html",            success:function(result){ //function1()                 f1();                 f2();            }           error:function (result) {              alert('Failed');           }, } function2();

async=ture （异步）

ajax发送请求到后台，在等待后台处理数据的过程中，ajax会继续执行下面的JS代码（function2），等后台的数据处理完毕，返回结果后才会执行ajax中success（error）代码。

也就是说这时候ajax执行的是2个线程：发出请求的线程和function2的线程。

async=false（同步）

ajax发送请求到后台，在等待后台处理数据的过程中，ajax不会继续执行下面的JS代码（function2），等后台的数据处理完毕，在等待后台处理完毕返回结果后执行完success（error）代码后才能执行function2()。

onreadystatechange 事件

当请求被发送到服务器时，我们需要执行一些基于响应的任务。

每当 readyState 改变时，就会触发 onreadystatechange 事件。

readyState 属性存有 XMLHttpRequest 的状态信息。

下面是 XMLHttpRequest 对象的三个重要的属性：

属性	描述
onreadystatechange	存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
readyState	存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
status	200: "OK" 404: 未找到页面

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。

当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; }}

在异步时才可以用xmlHttpReq.onreadystatechange状态值同步的readyState结果肯定为4！

下面是异步和同步的不同调用方式：

xmlHttpReq.open("GET",url,true);//异步方式 xmlHttpReq.onreadystatechange = showResult; //showResult是回调函数名 xmlHttpReq.send(null); function showResult(){     if(xmlHttpReq.readyState == 4){         if(xmlHttpReq.status == 200){              ******         }    } }

xmlHttpReq.open("GET",url,false);//同步方式 xmlHttpReq.send(null); showResult(); //showResult虽然是回调函数名但是具体用法不一样~ function showResult(){ //if(xmlHttpReq.readyState == 4){ 这里就不用了，直接dosomething吧~ //if(xmlHttpReq.status == 200){ ******//dosomething //} //} }

同步异步使用xmlhttp池时都要注意：取得xmlhttp时只能新建xmlhttp，不能从池中取出已用过的xmlhttp，因为被使用过的xmlhttp的readyState为4，所以同步异步都会send但不执行onreadystatechange