首頁  >  文章  >  web前端  >  jquery中ajax post的使用

jquery中ajax post的使用

伊谢尔伦
伊谢尔伦原創
2016-11-22 14:54:401313瀏覽

jQuery.post(url, [data], [callback], [type])

概述

透過遠端 HTTP POST 請求載入資訊。

這是一個簡單的 POST 請求功能以取代複雜 $.ajax 。請求成功時可呼叫回調函數。如果需要在出錯時執行函數,請使用 $.ajax。

參數

url,[data],[callback],[type]String,Map,Function,StringV1.0

url:發送請求位址。

data:待傳送 Key/value 參數。

callback:發送成功時回調函數。

type:回傳內容格式,xml, html, script, json, text, _default。

範例

1)向伺服器傳遞資料數組(同時仍忽略回傳值):

jQuery 程式碼:

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

2)使用ajax 要求傳送表單資料:

j .php 傳送數據,並輸出結果(HTML 或 XML,取決於所傳回的內容):

jQuery 程式碼:

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

4)取得test.php 頁面的內容,並儲存為XMLHttpResponse 對象,並透過process()這個JavaScript 函數進行處理:

jQuery 程式碼:

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

5)取得test.php 頁面傳回的json 格式的內容::

jQuery 程式碼:

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn