原生JS的Ajax理解与请求

Ajax:异步的Javascript和XML[浏览器的内置对象，属于前端技术]

Ajax的异步请求:(六步)
1.创建Ajax对象:
var xmlHttp;
if(window.XMLHttpRequest){
//标准创建方式
xmlHttp=new XMLHttpRequest();
}else[window.ActiveXObject()]{
//IE6创建方式
xmlHttp=new ActiveXObject (“Microsoft.XMLHTTP”);
}

 2.获得指定要发送的数据:[变量=值&变量=值;]  
     例如: var userName=document.getElementById(“userName”);  
           var userNameData=userName.value;  
           var post_data=“userName=”+userNameData;  
     说明:如果传输多个变量则:  
           var post_data=“userName=”+userName.value+”&pwd=“+pwd.value  //post_data即为待发送数据  

 3.设置提交数据方式、目标地址lHttp.open(“提交数据的方法POST/GET”,”数据提交到的页面”,true);  
     例如: xmlHttp.open(“POST”,”checkUser.php”,true);  

 4.设置请求头编码信息setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”);[通过POST方法获取数据需要对请求头表单信息进行url编码]  

 5.指定响应onreadystatechange事件的处理函数;  
     if(xmlHttp.ready.state == 4 && xmlHttp.status == 200){  
         //将请求返回的数据转换成json  
     }  

 6.发送数据请求xmlHttp.send(post_data);