js实现ajax请求

利用XMLHttpRequest发送ajax请求

1、创建一个对象：

function createXmlHttp(){

 var xmlHttp;

 try{

  xmlHttp= new XMLHttpRequest();

 }catch(e){

  try{

   //IE

   xmlHttp= new ActiveXObject("Msxml2.XMLHTTP");

  }catch(e){

   try{

    //IE

    xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");

   }catch(e){

   

   }

  } 

 }

}

2、注册监听，即回调函数。

var data = null;

var xmlHttp = createXmlHttp();

xmlHttp.onreadystatechange=function(){

 if(xmlHttp.readyState==4){

  if(xmlHttp.status==200||xmlHttp.status==304){

   data = xmlHttp.responseText;

  }

 }

}

3、打开连接

xmlHttp.open("GET","getData.servlet",true);

第三个参数代表异步请求

4、发送请求

//设置请求头

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//get方式

xmlHttp.send(null);

//post方式

xmlHttp.send("a=1&b=2");