jquery.post( url, [data], [callback], [type] )
通過遠程 http post 請求載入資訊,使用post方式來進行非同步請求。
這是一個簡單的 post 請求功能以取代複雜 $.ajax 。請求成功時可調用回呼函數。如果需要在出錯時執行函數,請使用 $.ajax。
傳回值:xmlhttprequest
參數:
url (string) : 發送請求的url地址。
data (map) : (可選)要發送給伺服器的資料,以 key/value 的索引值對形式表示。
callback (function) : (可選) 載入成功時回呼函數(只有當response的返回狀態是success才是調用該方法)。
type : (string) : (可選)官方的說明是:type of data to be sent。其實應該為用戶端請求的類型(json,xml,等等)
樣本:
ajax.asp教程x:
程式碼
response.contenttype = "application/json";
response.write("{result: '" + request["name"] + ",你好!(這訊息來自伺服器)'}");
jquery
代碼:
程式碼
$.post("ajax.aspx", { action: "post", name: "lulu" },
function (data, textstatus){
// data 可以是 xmldoc, jsonobj, html, text, 等等.
//this; // 這個ajax請求的選項配置資訊,請參考jquery.get()說到的this
alert(data.result);
}, "json");
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head><title>jquery特效處理-前台代碼</title>
<script language="網頁特效" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
$(function(){//<!--www.111cn.net jquery代碼區-->
//ajax代碼區
});
</script>
<body>
<input id="forasp" type="text" maxlength="20"> <input type="button" value="jquery的ajax測試" id="cn">
<span id="backurl">www.forasp.cn</span>
</body>
</html>
前面講到了用$.ajax(options)來實現jqueryajax,其中的提交方式是在type中設定,本次講的ajax是直接標明用post方式來提交資料.
(1)文法:$.get(url,data,fun,type);
url表示ajax調用的頁面
date為get方式傳遞的資料,資料格式{data:value,data:value..}可選
fun是回呼函數,function(msg),msg是頁面返回內容.可選
type返回內容格式,xml, html, script, json, text, _default。可選
執行個體:
$("#cn").bind("click",function(){
$.post("index4.php教程",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );
});
例子中的調用頁面為index4.php代碼如下:<?echo $_post["foraspcnurl"];?>.
運行:當在text裡面輸入網站製作學習網,點擊後面的按鈕,彈出"網站製作學習網"對話方塊
這種直接的post方法沒有beforsend,error等函數,如果需要在出錯時執行函數等,請使用 $.ajax。