ajax原理：客户端发送请求，请求交给xhr，xhr把请求提交给服务，服务器进行业务处理，服务器响应数据交给xhr对象，xhr对象接收数据，由javascript把数据写到页面上
- 建立XMLHttpRequest对象
var xmlHttp = new XMLHttpRequest();
- 设置回调函数;
xmlHttp.onreadystatechange =callback1; //{ // if (xmlHttp.readyState == 4) // if (xmlHttp.status == 200) { // var responseText = xmlHttp.responseText; // } // }
- 使用open方法与服务器建立链接;
xhr.open( method,url,async); method:请求类型，post或get url：请求文件的具体地址 async:：是否异步（true为异步，false为同步）
注意设置http的请求方式(post / get), 如果是POST方式，注意设置请求头信息xmlHttp.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”)
设置发送数据的头部，一般用来说明数据格式-----xhr.send(数据)
xmlHttp.send(null)
get方法时添null或不添，如果是post就不为空
- 在回调函数中针对不同的响应状态进行处理
function callback1() { if (xmlHttp.readyState == 4) if (xmlHttp.status == 200) { //取得返回的数据 var data = xmlHttp.responseText; //json字符串转为json格式 data = eval(data); $.each(data, function(i, v) { alert(v); }); } }
