jQuery ajaxの使い方

(*-*)浩
リリース: 2019-06-15 18:02:48
オリジナル
3042 人が閲覧しました

ajax() メソッドは、HTTP リクエストを通じてリモート データを読み込みます。

jQuery ajaxの使い方

このメソッドは、jQuery の基礎となる AJAX 実装です。シンプルで使いやすい高レベルの実装については、$.get、$.post などを参照してください。 $.ajax() は、作成した XMLHttpRequest オブジェクトを返します。ほとんどの場合、柔軟性を高めるためにあまり使用されないオプションを操作する必要がない限り、この関数を直接操作する必要はありません。

最も単純なケースでは、$.ajax() をパラメーターなしで直接使用できます。

注: すべてのオプションは、$.ajaxSetup() 関数を通じてグローバルに設定できます。

#構文

jQuery.ajax([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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート