12-Ajax编写

12-ajax中级

一、ajax编写

编写步骤

1. 创建ajax对象
2. 链接到服务器
3. 发送请求
4. 接受返回值

如果是一个没定义的变量如XMLHttpRequest，则会报错；如果是window.XMLHttpRequest则是以属性形式出现，会返回undefined，这正是我们想要的。

关于同步与异步：简单说，同步就是指事情一件一件来，异步就是指多件事一起进行。
通常都会选择异步传输方式，异步对应的是true

序号	状态	事件
0	未初始化	还没有调用open方法
1	载入	已调用open方法，正在发送请求
2	载入完成	send方法完成，已收到全部响应内容
3	解析	正在解析响应内容
4	完成	响应内容解析完成，可以在客户端调用了

接下来我们需要把上面的代码封装成一个函数，方便以后调用

function ajax(url,fnSucc,fnFail) {
    if (window.XMLHttpRequest) {
       var oAjax=new XMLHttpRequest();
    }else {
       var oAjax=new ActiveXObject('Microsoft.XMLHTTP');
    }
    oAjax.open('GET',url+new Date().getTime(),'true');  
    oAjax.send();
    oAjax.onreadystatechange=function () {
        oAjax.readyState
        if (oAjax.readyState===4) {
            if (oAjax.status===200) {
                fnSucc(oAjax.responseText);
                alert('success'+oAjax.responseText);
            }else {
                if (fnFail) {
                    fnFail(oAjax.status);
                }
                alert('fail'+oAjax.status);
            }

        }
    }
}

二、ajax数据类型

数据类型

XML用的很少，现在几乎用的都是json

字符集

utf-8