首頁 > web前端 > js教程 > 主體

jquery ajax怎麼使用

(*-*)浩
發布: 2019-06-15 18:02:48
原創
2820 人瀏覽過

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

jquery ajax怎麼使用

此方法是 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!