ajax GET方法

使用ajax时  第一步用能力判断先处理兼容性：

if(window.XMLHttpRequest){

    var xhr = new XMLHttpRequest();

}else{

    var xhr = new ActiveXObject("Microsoft.XMLHTTP");

}

请求数据

xhr.open("GET","file/09-1get.php?name="+decodeURI('张三')+"&age=23&t="+new Date().getTime()",true);

xhr.send();

这里需要注意的是我们在网页输入信息后，后台接受完要返回对应的数据。此时需要在要访问的文件名称后面加 ?键=值 来返回不同的数据，如果有多对 键=值 时，中间用&隔开。

有时候值出现中文会有乱码，可以将中文进行解码decodeURI()。（encodeURI()可以编码)

当我们第一次请求数据时，file/09-1get.php 文件就会被下载下来，再一次访问就会访问本地的文件。这样造成的问题是服务器上的数据改了而你访问的还是旧的数据。所以在地址最后面添加一个键值对，值为当时的毫秒数，这样确保每次请求的地址不一样，就可以从服务器上再下载数据。

在创建对象到数据传送完毕有五个阶段，每次阶段的改变都会执行一个函数onreadystatechange,我们需要在最后一个阶段（readyState === 4）并且 这个阶段完成（status === 200）时执行我们的效果。

xhr.onreadystatechange = function(){

    if(status === 200 && readyState === 4){

        var tet = xhr.responseText;   //获得请求的数据

        p.innerText = tet;   //需要执行的代码

    }

}

xhr.responseText得到的是字符串，有时候我们需要的JSON对象时，可以用JSON.parse(xhr.responseText)将得到的字符串转化为JSON对象（前提是字符串的格式是JSON对象格式）。xhr.onreadystatechange一般都是放在xhr.open()之前的。