AJAX一些基础知识和小例子讲解

浏览数：42 / 时间：2015年06月09日

首先说下AJAX不是一种语言是一种技术。

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

ajax核心是一个new XMLHttpRequest()对象/ 在ie5、6中为new ActiveXObject("Microsoft.XMLHTTP")对象;

XMLHttpRequest对象用于数据交换，有两个方法open(method,url,async) method参数为请求的类型氛围GET个POST，url请求的地址，async同步false异步true，XMLHttpRequest 对象如果要用于 AJAX 的话，其 open() 方法的 async 参数必须设置为 true。send(string) 只有在POST下有参数为发送的数据。

下边写个小例子讲解通过点击按钮改变div的内容

function LoadXML(){
    var  Xmlhttp;
    if(window.XMLHttpRequest){
        Xmlhttp = new XMLHttpRequest();
    }else{
        Xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
    };
     Xmlhttp.onreadystatechange = function(){
         if(Xmlhttp.readystate==4 && Xmlhttp.status ==200){
              document.getElementById("div1"),innerHTML = Xmlhttp.responseText;
         }
     }
Xmlhttp.open("get","http://cnblogs.com",true);
Xmlhttp.send();
}