ajax技術在web開發中是非常重要的。在早期的js中如果需要完成非同步傳輸的效果,需要判斷瀏覽器、虛擬存取檔案、監控、取得回傳值等一系列非常繁瑣的操作。但在jQuery中,為我們提供了非常簡單的幾個函數,讓我們輕鬆實現ajax的功能。在接下來的幾篇文章中,我們將一一介紹這些函數。
首先,我們下來介紹$.ajax。此方法是 jQuery 底層 AJAX 實作。
通常的語法為:
$.ajax([settings])//settings是$.ajax()方法的參數,是用來設定 Ajax 請求的鍵值對集合。
下面我們一一介紹一些$.ajax()中比較重要的幾個參數
url---發送請求的地址
type---請求方式("POST" 或"GET")
timeout---設定請求超時時間(毫秒)
async---(預設: true) 非同步請求。
Data---傳送的參數可以是json類型
dataType---傳回的資料類型:xml,html,json,txt
success---成功後可以回傳function(data,st){}
} 實際範例如下:
================================================ ================
ajax.html
$(document). ready(function(){
$('#bot_1').click(function(){
$.ajax({
$. url: "ajax.php",
data : {web:"mysql100"},
success:function(data, st){$("div").html(data);}
})
script>
=================== ===============================================
ajax .php
echo '您要造訪的網站是'.$_POST['web'];
?>
以上就是jquery如何實現ajax技術1:$.ajax()的內容,更多相關內容請關注PHP中文網(www.php.cn)!