首頁 > web前端 > js教程 > jquery中ajax post的使用

jquery中ajax post的使用

伊谢尔伦
發布: 2016-11-22 14:54:40
原創
1357 人瀏覽過

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");
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板