4中Ajax常用請求方式
阿新 • • 發佈:2021-11-25
在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'); } });