jquery ajax怎麼使用

ajax() 方法透過 HTTP 請求載入遠端資料。

此方法是 jQuery 底層 AJAX 實作。簡單易用的高層實作請見 $.get, $.post 等。 $.ajax() 傳回其建立的 XMLHttpRequest 物件。大多數情況下你無需直接操作該函數，除非你需要操作不常用的選項，以獲得更多的彈性。

最簡單的情況下，$.ajax() 可以不帶任何參數直接使用。

注意：所有的選項都可以透過 $.ajaxSetup() 函數來全域設定。

語法

jQuery.ajax([settings])//  发请求并且能得知成功还是失败。

settings,可選。用於配置 Ajax 請求的鍵值對集合。可以透過 $.ajaxSetup() 設定任何選項的預設值。

type:類型，"POST"或"GET"，預設是"GET"。

url:發送請求的位址。

data：是一個對象，連同請求發送到伺服器的資料d

ataType：預期伺服器返回的資料類型。如果不指定，jQuery會自動根據HTTP包含的MIME資訊來智慧判斷，一般我們採用json個數，可以設定為"json"。

success:是一個方法，請求成功後的回呼函數。傳入返回後的數據，以及包含成功代碼的字串。

error:是一個方法、請求失敗時呼叫此函數。傳入XMLHttpRequest物件。

實例：

$(document).ready(function(){
    $("#searchBtn").click(function(){
        $.ajax({
            type:"GET",
            url:" https://api.passport.xxx.com/checkNickname?username="+mylogin.username+"&token="+mylogin.token+"&nickname="+nickname+"&format=jsonp&cb=?",
            dataType:"json",
            success:function(data){
                if(data.errorCode==0){
                                         $("#nickname").val(mylogin.nickname);                             
                                 }else{
                                         $("#nickname").val("用户");                         
                                 }
            },
            error:function(jqXHR){
                console.log("Error: "+jqXHR.status);
            }
        });
    });
});

以上是jquery ajax怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！