AJAX介绍和使用

AJAX 是与服务器交换数据

Ajax不是不从数据库都东西，而是通过不刷新页面从数据库通过自身机制传值。

当你的网页不想刷新又想修改数据，这个时候jquery能很好的帮助你实现，特别是当你的数据需要从数据库获取的时候，就能使用jquery封装ajax。

简称Ajax Amsterdam，AFC Ajax 及 Ajax，Euronext： AJAX），创立于1900年，是一支位于荷兰阿姆斯特丹的著名足球俱乐部。根据俱乐部历史是世界上最成功的十家俱乐部之一 这样即避免了用户不断手工刷新页面的不便，也不会因为重复刷新页面造成资源浪费。

1.xmlHttpRequest对象

 if(window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
    if(xmlHttp.overrideMimeType) {
     xmlHttp.overrideMimeType("text/xml");
    }
   } else if(window.ActiveXobject) {
    var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
    for(var i = 0; i < activeName.length; i++) {
     try {
      xmlHttp = new ActiveXobject(activeName[i]);
      break;
     } catch(e) {}
    }
   }
   if(!xmlHttp) {
    alert("创建xmlhttprequest对象失败");
   } else {}

2.回调函数

 xmlHttp.onreadystatechange= callback;
   function callback(){}

3.open方法与服务器建立连接
此步注意设置http的请求方式（post/get）,如果是POST方式，注意设置请求头信息

xmlHttp.open("get","ajax?name="+ name,true)
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

4.向服务器端发送数据

如果是POST方式就不为空

 xmlHttp.send(null);

5.在回调函数中针对不同的响应状态进行处理

 if(xmlHttp.readyState == 4){       //判断交互是否成功
      if(xmlHttp.status == 200){         //获取服务器返回的数据         //获取纯文本数据
        var responseText =xmlHttp.responseText;
       document.getElementById("info").innerHTML = responseText;
      }
   }