在《jquery如何實現ajax技術1:$.ajax()》中我們已經學習如何利用jQuery的$.ajax()函數來實現ajax的開發需求。但相對於其它一些函數來說,$.ajax()的實作過程和程式碼量還是相對複雜。
今天我們來學習jQuery的$.post()函數。相對於$.ajax()函數來說,$.post()函數更簡單方便,但只能透過POST的方式將資料參數提交到你需要虛擬存取的php檔案。
我們先來看看$.post()函數內的參數:
$.post(url,data,callback,type)
url---待載入頁面的 URL 位址。
data---待傳送 Key / value 參數。
callback---載入成功時回呼函數。
type---返回內容格式,xml, html, script, json, text, _default。
下面舉一個實際例子:
========================================== =====================
ajax.html
$(document).ready(function(){
$('#bot_1').click(function(){
$.post('ajax.php',{web:" $.post('ajax.php',{web:"my function(data,st){$("div").html(data);})
})
})
.ajax的應用
================================== =============================
ajax.php
echo '您要造訪的網站是'.$_POST['web'];
?>
以上就是jquery如何實現ajax技術2:$.post()的內容,更多相關內容請關注PHP中文網(www.php.cn) !