1. 程式人生 > >Ajax學習系列——jQuery中Ajax的請求方式

Ajax學習系列——jQuery中Ajax的請求方式

content ica 添加 clas feed error: div 常見 con

在jQuery中,Ajax常見的請求方式主要有4種。

1、$.ajax()返回其創建的XMLHttpRequest對象。

$.ajax({
  type:"POST",
  contentType: "application/json; charset=utf-8",
  dataType:"json",
  url:"/Example/GetAll",
  data:dataurl,
  success:function(data){
    console.log(data)
  },
  error: function (XMLHttpRequest, textStatus, errorThrown) {
    alert(
"請求失敗,消息:" + textStatus + " " + errorThrown);   } });

2、通過遠程HTTP GET請求載入信息

相比於復雜的$.ajax而言,GET請求功能則顯得更加簡單,請求成功時可調用回調函數。如果需要在出錯的時候執行函數,還請使用$.ajax。

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

3、通過遠程HTTP POST請求載入信息

POST請求功能也相對比較簡單,請求成功時可調用回調函數。如果需要在執行出錯的時候執行函數,還請使用$.ajax。

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

4、通過HTTP GET 請求載入JSON數據

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); });

Ajax學習系列——jQuery中Ajax的請求方式