AJAX笔记

以下内容摘自授课老师笔记，侵删.

概念

Asynchronous JavaScript And XML . 指异步JavaScript 及XML，在浏览器和web服务器之间使用异步数据传输（http请求），实现局部刷新页面的功能

---

兼容性

兼容各种浏览器获取XMLHttpRequest对象

function getXMLHttpRequest(){
    if(window.XMLHttpRequest){
        return new XMLHttpRequest();
    }else if(window.ActiveXObject){
        try{
            return new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
            try{
                return new ActiveXObject("Microsoft.XMLHTTP");
            }catch(e){

            }
        }
    }
}

---

XMLHttpRequest对象

1. 获取对象

var xmlHttp=getXMLHttpRequest();

2.xmlHttp.open(请求的方法,请求的URL地址,同步还是异步)；

//get请求
xmlHttp.open("get","myServlet?name=lili",true);  
//post请求
xmlHttp.open("post","myServlet",true);

3.xmlHttp.send(数据);
发送请求到服务器，get请求时数据为null

//get请求
xmlHttp.open("post","myServlet",true);
//post请求
xmlHttp.send("name=lili&sex=female");

4.xmlHttp.onreadystatechange=function(){}
当服务器响应前端页面时，调用该属性指明的函数

5.xmlHttp.readyState
存有服务器响应的状态信息，该状态改变时就会调用onreadystatechange指明的函数
0 - 请求未初始化（在调用 open() 之前）
1 - 请求已提出（调用 send() 之前）
2 - 请求已发送（这里通常可以从响应得到内容头部）
3 - 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
4 - 请求已完成（可以访问服务器响应并使用它）

6.xmlHttp.status
表示服务器状态，200表示正常，404表示页面不存在

7.responseText
取回由服务器返回的数据(文本格式)

8.responseXml
取回由服务器返回的数据(xml格式)

---

jQuery的支持

1.基本格式

$.ajax({
    type:get或post,
    url:服务器上的URL地址,
    async:同步异步(默认:true，异步),
    contentType:"application/x-www-form-urlencoded;charset=utf-8",
    data:传输的数据,
    dataType:服务器返回的数据类型(xml,html,script,json,text),
    success:function(msg){ //请求成功后调用的函数
        alert(msg);
    }
});

2.设置全局默认选项

$.ajaxSetup({
    //此处配置默认选项
})；

3.get请求方式

$.get(
    url, //请求的URL地址
    data, //发送给服务器的数据，{键1:值1...}
    callback,//成功返回后调用的函数
    type,//返回数据的格式：xml,html,scirpt,json,text
)

4.post方式

$.post(
    url, //请求的URL地址
    data, //发送给服务器的数据，{键1:值1...}
    callback,//成功返回后调用的函数
    type,//返回数据的格式：xml,html,scirpt,json,text
)

---