jQuery での $.get、$.post、$.getJSON、$.ajax の使用法の詳細な説明

この章の焦点は、jQuery で ajax を呼び出す 4 つのメソッド $.get、$.post、$getJSON、$ajax について説明することです。

私たちが JavaScript で ajax プログラムを書くことに「満足」していると、突然、誰かが jquery と呼ばれるものがあると教えてくれます。これは、HttpRequest と直接対話しないことがどれほど幸せであるかを教えてくれます。この記事を読むと、ajax コードの文字化けの問題を心配する必要がなくなります。さらに良いことに、この記事を読むと、ajax が単なる 1 つの文であることがわかります。

1. $.get

$.get() メソッドは GET メソッドを使用して非同期リクエストを作成します。その構文構造は次のとおりです。

この関数のさまざまなパラメータについて説明します:

$.get( url [, data] [, callback] );

url: 文字列タイプ、Ajax リクエストのアドレス。

data: オプションのパラメーター、オブジェクト タイプ。サーバーに送信されるキー/値データは、QueryString としてリクエスト URL に追加されます。

callback: オプションのパラメーター、関数タイプ。この関数は、ajax が正常に返されたときに自動的に呼び出されます。

最後に、参考のために $.get() の例を書きます:

$.get(
    "submit.aspx",{
        id:     '123',
        name:   '青藤园',
    },function(data,state){
        //这里显示从服务器返回的数据
        alert(data);
        //这里显示返回的状态
        alert(state);
    }
)

2. $.post()

$.post() メソッドは POST メソッドを使用して非同期リクエストを作成します。その構文構造は次のとおりです:

このメソッドは $.get() に似ていますが、追加の型パラメータがある点が異なります。ここでは type パラメータのみを紹介します。その他の情報については、上記の $.get() を参照してください。

$.post(url,[data],[callback],[type]);

type: type は要求されたデータ型で、html、xml、json などになります。このパラメータを json に設定すると、返される形式は json 形式になります (設定されていない場合)。 $.get() によって返される形式は同じであり、どちらも文字列です。

最後に、参考のために $.post() の例を書きます:

$.post(
    "submit.aspx",{
        id:     '123',
        name:   '青藤园',
    },function(data,state){
        //这里显示从服务器返回的数据
        alert(data);
        //这里显示返回的状态
        alert(state);
    },
    "json"
)

3. $.getJSON()

$。 getJSON() は、JSON データを取得するために ajax 用に特別に設定されており、クロスドメイン呼び出しをサポートします。その構文形式は次のとおりです:

url: 文字列タイプ、送信リクエスト アドレス データ: オプションのパラメーター。 Key/value パラメーターを送信します。get および post 型のデータ コールバックと同じです。オプションのパラメーター、読み込みが成功したときのコールバック関数。get および post 型のコールバックと同じです。

getJSON(url,[data],[callback]);

JSON は理想的なデータ送信形式です。 JavaScript または他のホスト言語と統合されており、JS で直接使用できます。 JSON を使用することは、GET や POST を通じて「ヌード」データを直接送信するよりも構造的に合理的で安全です。 jQuery の getJSON() 関数に関しては、JSON パラメーターが設定された ajax() 関数の単純化されたバージョンにすぎません。この関数はドメイン間で使用することもでき、get() や post() に比べて特定の利点があります。さらに、この関数はリクエスト URL を「myurl?callback=X」の形式で記述することで、プログラムにコールバック関数 X を実行させることができます。

4. $.ajax()

$.ajax() は、jquery の一般的な ajax パッケージです:

オプションは、この ajax 呼び出しの特定のパラメーターを指定するオブジェクト タイプです。ここで、最も一般的に使用されるパラメーターをアタッチします。

$.ajax(options);

上記は、jquery が ajax 呼び出しを実装する方法です。この章が皆様のお役に立てれば幸いです。その他の関連チュートリアルについては、

$.ajax({
        url: 'submit.aspx',
        datatype: "json",
        type: 'post',
        success: function (e) {   //成功后回调
            alert(e); 
        },
        error: function(e){    //失败后回调
            alert(e);
        },
        beforeSend: function(){  /发送请求前调用，可以放一些"正在加载"之类额话
            alert("正在加载");
        }
})

jQuery ビデオ チュートリアル

、AJAX ビデオ チュートリアル をご覧ください。