1. 程式人生 > >ajax實現的五個步驟

ajax實現的五個步驟

//第一步,建立XMLHttpRequest物件
var xmlHttp = new XMLHttpRequest();

function CommentAll() {
    //第二步,註冊回撥函式
    xmlHttp.onreadystatechange = callback1;
    //{
    //    if (xmlHttp.readyState == 4)
    //        if (xmlHttp.status == 200) {
    //            var responseText = xmlHttp.responseText;

    //        }
    //}
    //第三步,配置請求資訊,open(),get
    //get請求下引數加在url後,.ashx?methodName = GetAllComment&str1=str1&str2=str2
    xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);

    //post請求下需要配置請求頭資訊
    //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

    //第四步,傳送請求,post請求下,要傳遞的引數放這
    xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"

}

//第五步 根據不同的響應進行處理
function callback1() {
    if (xmlHttp.readyState == 4)
        if (xmlHttp.status == 200) {
            //取得返回的資料
            var data = xmlHttp.responseText;
            //json字串轉為json格式
            data = eval(data);
            $.each(data,
                function (i, v) {
                    alert(v);
                });
        }
}

1. 建立xmlHttpRequest物件

2. 設定回撥函式

3. 使用open方法與伺服器建立連結

4. 向伺服器傳送資料

5. 在回撥函式中針對不同的響應狀態進行處理