Ajax

javascript

传输速度快

易解析<br>

var&nbsp;json&nbsp;=&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id:"1",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:"张三",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sex:"男"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}

var&nbsp;jsonArr&nbsp;=&nbsp;[<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{id:"1",name:"张三",sex:"男"},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{id:"2",name:"李四",sex:"女"}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]

google

处理速度快<br>

性能好

规范好

用法

性能差，依赖多

var xmlHttp = new XMLHttpRequest();<br>

xmlHttp.onreadystatechange = function(){<br>&nbsp;&nbsp;&nbsp; if(readyState === 4 &amp;&amp; status === 200) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //接收响应数据<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //更新DOM对象<br>&nbsp;&nbsp;&nbsp; }<br>}<br>

xmlHttp.open(请求方式,请求资源+请求参数,异步(true)/同步(false));

xmlHttp.open("get","url",true);

xmlHttp.send();

Ajax请求过程中的状态变化<br>

网络通信状态

xmlHttp.open("get","url",true);<br>

可以同时执行多个异步请求<br>

在send未执行完毕时

xmlHttp.open("get","url",false);

一次只能执行一个异步请求

在send未执行完毕时<br>