jQuery ajax --post() 方法

jQuery  ajax--post() 方法   使用 HTTP POST 請求從服務器加載數據。


請求text.php網頁，忽略返回值
$.post("test.php");

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

定義和用法

post() 方法通過 HTTP POST 請求從服務器載入數據。

語法

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

參數	描述
url	必需。規定把請求發送到哪個 URL。
data	可選。映射或字符串值。規定連同請求發送到服務器的數據。
success(data, textStatus, jqXHR)	可選。請求成功時執行的回調函數。
dataType	可選。規定預期的服務器響應的數據類型。 默認執行智能判斷（xml、json、script 或 html）。

詳細說明

該函數是簡寫的 Ajax 函數，等價於：

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

例子 1

請求 test.php 頁面，並一起發送一些額外的數據（同時仍然忽略返回值）：

$.post("test.php", { name: "John", time: "2pm" } );

例子 2

向服務器傳遞數據數組（同時仍然忽略返回值）：

$.post("test.php", { 'choices[]': ["Jon", "Susan"] });

例子 3

使用 ajax 請求發送表單數據：

$.post("test.php", $("#testform").serialize());

例子 4

輸出來自請求頁面 test.php 的結果（HTML 或 XML，取決於所返回的內容）：

$.post("test.php", function(data){
   alert("Data Loaded: " + data);
 });

例子 5

向頁面 test.php 發送數據，並輸出結果（HTML 或 XML，取決於所返回的內容）：

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

例子 6

獲得 test.php 頁面的內容，並存儲爲 XMLHttpResponse 對象，並通過 process() 這個 JavaScript 函數進行處理：

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     process(data);
   }, "xml");

例子 7

獲得 test.php 頁面返回的 json 格式的內容：

$.post("test.php", { "func": "getNameAndTime" },
   function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
   }, "json");