生活大小事's Archiver

法蘭克 發表於 2018-2-15 23:13

學習ajax記錄

似乎是個ajax的基本架植

$.ajax({
    url: '',                        // urlǬ٭
    type: 'post',                   // post/get
    data: { querytag: data },       // ࠩŊʺ٪φ
    error: function (xhr) { },      // ࠹̡ܾѵǦʺɧ݆
    success: function (response) { }// ƨƜ̡ήѵǦʺɧ݆
})


$.ajax({
  url: "URL",
  type: "GET",
  dataType: "json",
  success: function(Jdata) {
    alert("SUCCESS!!!");
  },  
  error: function() {
    alert("ERROR!!!");
  }
});
[color=rgb(121, 120, 119)][font=Consolas, "][size=15px][list]
[*][color=#6666ff][b]url:[/b][/color]
資料來源的網址。
[*][color=#6666ff][b]type:[/b][/color]
以GET或是POST傳遞就看每個人的需求啦。
[*][color=#6666ff][b]datatype:[/b][/color]
這裡的分類就多了,以本篇來說自是用『json』,但其它尚有data、xml、…;其功能自然是以"填入的datatype"格式來讀取從URL傳來的資料內容嘍,可以參考官網[color=#8d5f48][url=http://api.jquery.com/jQuery.ajax/]jQuery.ajax()[/url][/color]的說明。
[*][color=#6666ff][b]success/error:[/b][/color]
可有可無,用意在避免連線失敗時出現錯誤,原則上,這裡就可以開始下達後續要執行的指令了。
[list]
[*][color=#6666ff]success:function([b]Jdata[/b])[/color]
這裡的變數[b]Jdata[/b]便是存放URL傳過來被設定的dataType格式內容
[/list][/list][/size][/font][/color]
頁: [1]

Powered by Discuz! X1.5 Archiver   © 2001-2010 Comsenz Inc.