Ajax的概述与实现过程

xhr.open("get","01-register.php?name="+name);//初始化异步get请求
xhr.send(null); //与服务器建立连接

xhr.open('post','01-XMLHTTPRequest-test.php');//请求报文行
xhr.setRequestHeader('Content-Type','application/x--form-urlencoded'); /post请求设置请求头/
xhr.send('name=rose&age=20'); //请求报文体

/监听服务器的响应/
xhr.onreadystatechange=function(){
/判断当前的响应是否成功 1.服务器做出了响应 2.响应的结果是正确的/
 if(xhr.status==200 && xhr.readyState==4){
 var result=xhr.responseText;
 console.log(result); //输出从服务器中获取到的数据
 //接下来就可以对数据进行相应的处理了
 }
 };

 /监听/
 xhr.onreadystatechange=function(){
 if(xhr.status==200 && xhr.readyState==4){ /判断状态/
 var result;
 /获取响应报文中的Content-Type/
 var ct=xhr.getResponseHeader("Content-Type");
 /判断Content-Type,进行数据的解析/
 if(ct.indexOf("xml") != -1){
 result=xhr.responseXML;
 }
 else if(ct.indexOf("json") !=-1){
 result=JSON.parse(xhr.responseText);
 }
 else{
 result=xhr.responseText;
 }
 /调用回调函数--委托--代理/
 suess && suess(result);
 }
 };

 $.ajax({
 type: 请求方式(get/post),
 url: "register.php",
 data: 发送请求数据,
 beforeSend:function(){返回false可以取消本次ajax请求},
 suess:function(result){ 成功响应后调用 },
 error:function(err){ 错误响应时调用 },
 plete:function(){ 响应完成时调用(包括成功和失败) }
 });