[jQuery] 那些跟Ajax有關的二三事

明明常用到卻老是記不住...來記一下好了。

1.基本型態：

$.ajax({
      url: 網址,
      data: $('#表單').serialize(), // 要傳遞給伺服器的資料，也可以是{key:value}
      type:"POST", // 或者是GET
      dataType:'text', // 指定回傳的資料格式，例如：xml、json、script 或 html
      success: function(data){
           // 請求成功後執行的Callback函數
           console.log("Data Loaded: " + data);
      },
      error:function(xhr, ajaxOptions, thrownError){ 
           // 請求失敗後執行的Callback函數
           console.log(xhr.status); 
           console.log(thrownError); 
      },complete:function (XMLHttpRequest, textStatus) {
           // 請求完成後執行的Callback函數（無論成功或失敗）
      }      
  });

注意：以上三個callback函數已於jQuery3.0版正式移除，分別被

done、fail、always

所取代。

2.簡單寫法：(限POST)

$.post(url,data, function(data){
     console.log("Data Loaded: " + data);
 });

資料來源：jQuery官網