Ajax基本概念以及JS实现Ajax的过程

Ajax基本概念

Ajax全称为”Asynchronous JavaScript and XML”(异步JavaScript和XML),通过后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，可以在不重新加载整个网页的情况下，对网页的某部分进行更新.
Ajax的核心是XMLHttpRequest对象，它是Ajax实现的关键-发送异步请求、接受响应以及执行回调。

实现Ajax的过程:

1.我们通过new XMLHttpRequest创建一个XHR对象:

var xHR=new XMLHttpRequest()；

2.使用open()方法初始化XMLHttpRequest对象,指定HTTP方法和要使用的服务器URL，可能后面还会带有参数:

xHR.open('GET','fzz.php?number='+value,true);//后面的true可以省略，代表异步,?后面代表你需要传递的参数

3.使用send()方法发送请求：

xHR.send()//如果是POST方法则需要在send()内传入数据

4.设置回调函数，当响应成功时调用:

xHR.onreadystatechange=function(){
    if(xHR.readyState==4){
        if(xHR.status==200){
            //respinseText表示返回的字符串形式的响应数据
            var data=JSON.parse(xHR.responseText);
            //执行函数
        }else{
            //执行函数
        }
    }
}

请求完成加载的时候readyState的值为4,响应成功时HTTP的值为200.