ajax リクエストのメソッドには何がありますか?

ajax リクエスト メソッド: 1. "$.ajax()" を使用して、作成した XMLHttpRequest オブジェクトを返します。 2. リモート HTTP GET リクエストを通じて情報をロードします。 3. リモート HTTP POST リクエストを通じて情報をロードします。 4. HTTP GET リクエストを通じて JSON データをロードします。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jQuery には、4 つの一般的な AJAX リクエスト メソッドがあります:

1. $.ajax() は、作成した XMLHttpRequest オブジェクトを返します

$.ajax() パラメータは 1 つだけです: パラメータ key/value オブジェクト。各設定とコールバック関数の情報が含まれます。

dataType オプションを指定する場合は、サーバーが正しい MIME 情報を返すようにする必要があります (xml が「text/xml」を返すなど)。

例:

データをサーバーに保存し、成功すると情報を表示します。

$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$")[0]);
}
}
});

2. リモート HTTP GET リクエストによる情報の読み込み

複雑な $.ajax と比較すると、GET request 関数はより単純で、リクエストが成功したときにコールバック関数を呼び出すことができます。もちろん、エラー発生時に関数を実行する必要がある場合は、$.ajax を使用してください。

例:

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

3. リモート HTTP POST リクエストによる情報のロード

POST リクエスト関数も比較的単純です。 、リクエストが成功したときにコールバック関数を呼び出すことができます。エラー発生時に関数を実行する必要がある場合は、$.ajax リクエストを使用してください。

例:

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})

4. HTTP GET リクエストを通じて JSON データをロードする

例:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

[関連チュートリアルの推奨事項 : AJAX ビデオ チュートリアル ]

以上がajax リクエストのメソッドには何がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。