jQuery中$.get、$.post、$.getJSON、$.ajax 方法詳解

jQuery.get()

jQuery.ajax()：執行非同步 HTTP (Ajax) 請求

$(selector).get(url,data,success(response,status,xhr),dataType)

簡單的 GET 請求功能以取代複雜 $.ajax 。請求成功時可調用回呼函數。如果需要在出錯時執行函數，請使用 $.ajax。

例子：

$.get(  "product?type=111",{  id:  '123',  name:  '青藤園',  },function(data,state){  //這裡顯示從伺服器返回的資料  alert(data);  //這裡顯示返回的狀態  alert(state);  })

$.ajax({  url: url,  data: data,  success: success,  dataType: dataType});

post() 方法通過 HTTP POST 請求從伺服器載入資料

這個方法和$.get()用法差不多，唯獨多了一個type參數，那麼這裡就只介紹type參數吧，其他的參考上面$.get()的。

type：type為請求的資料類型，可以是html,xml,json等類型，如果我們設定這個參數為：json，那麼返回的格式則是json格式的，如果沒有設定，就和$.get()返回的格式一樣，都是字串的。

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

$.ajax({  type: 'POST',  url: url,  data: data,  success: success,  dataType: dataType});

$.post(  "product?type=111",{  id:  '123',  name:  '青藤園',  },function(data,state){  //這裡顯示從伺服器返回的資料  alert(data);  //這裡顯示返回的狀態  alert(state);  },  "json")

jQuery.getJSON(url,data,success(data,status,xhr))

$.ajax({  url: url,  data: data,  success: callback,  dataType: json});

$.getJSON("test.js", function(json){  alert("JSON Data: " + json.users[3].name);});

所有的選項都可以通過 $.ajaxSetup() 函數來全域設定。

jQuery.ajax([settings])

//jQuery 代碼：$(document).ready(function(){  $("#b01").click(function(){  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});  $("#myDiv").html(htmlobj.responseText);  });});

//HTML 程式碼：<div id="myDiv"><h2>Let AJAX change this text</h2></div><button id="b01" type="button">Change Content</button>

 - 從指定的資源請求資料，發送至伺服器的key/value資料會作為QueryString附加到請求URL中,伺服器返回資料的格式其實是字串形式，並不是我們想要的json資料格式
•  - 向指定的資源提交要處理的資料,這個函數跟$.get()參數差不多，多了一個type參數，type為返回的資料類型，可以是html,xml,json等類型，如果我們設定這個參數為：json，那麼返回的格式則是json格式的，如果沒有設定，就 和$.get()返回的格式一樣，都是字串的
• 
  
•