1. 程式人生 > 其它 >4中Ajax常用請求方式

4中Ajax常用請求方式

在jQuery中,AJAX常見的請求方式主要有一下4種:

1、$.ajax()返回其建立的XMLHttpRequest物件

 $.ajax()只有一個引數:引數key/value物件,包含各配置及回撥函式資訊。

 如果你指定了dataType選項,那麼需要保證伺服器返回正確的MIME資訊,(如xml返回"text/xml")。

 例項:

 儲存資料到伺服器,成功時顯示資訊。

$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$")[0]);
}
}
});

2.通過遠端HTTPGET請求載入資訊

 相比於複雜的$.ajax而言,GET請求功能則顯得更加簡單,請求成功時可呼叫回撥函式。當然如果需要在出錯時執行函式,那麼還請使用$.ajax

 例項:

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

3.通過遠端HTTPPOST請求載入資訊

 POST請求功能也相對比較簡單,請求成功時可呼叫回撥函式。如果需要在出錯時執行函式,那麼請使用$.ajax請求。

 例項:

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("新增成功!");
}
})

4.通過HTTPGET請求載入JSON資料

/*  
    //簡寫形式,效果相同  
    $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?",  
            function(data){  
                $("#showcontent").text("Result:"+data.result)  
    });  
    */  
    $.ajax({  
        type : "get",  
        async:false,  
        url : "http://app.example.com/base/json.do?sid=1494&busiId=101",  
        dataType : "jsonp",//資料型別為jsonp  
        jsonp: "jsonpCallback",//服務端用於接收callback呼叫的function名的引數  
        success : function(data){  
            $("#showcontent").text("Result:"+data.result)  
        },  
        error:function(){  
            alert('fail');  
        }  
    });