ホームページ >ウェブフロントエンド >jsチュートリアル >Ajaxリクエストメソッドはいくつかあります

Ajaxリクエストメソッドはいくつかあります

王林
王林オリジナル
2020-05-10 11:06:515135ブラウズ

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 リクエスト関数は単純であり、リクエストは成功します。関数はいつ呼び出すことができます。もちろん、エラー発生時に関数を実行する必要がある場合には、$.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;
});
});

推奨チュートリアル:js 入門チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。