jQuery での ajax の 4 つの一般的なリクエストメソッドの紹介-jsチュートリアル-php.cn

jQuery での ajax の 4 つの一般的なリクエストメソッドの紹介

亚连

リリース： 2018-05-23 11:36:27

オリジナル

2013 人が閲覧しました

AJAX はサーバーとデータを交換するためのテクノロジーです。この記事では、よく使用される 4 つの Ajax リクエスト方法を紹介します。興味のある方はぜひ一緒にご覧ください。AJAX はサーバーとデータを交換するためのテクノロジーです。 Web ページの一部を更新することなく、ページ全体に補足されます。

jQuery における ajax の 4 つの一般的なリクエストメソッド:

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

$.ajax() にはパラメータが 1 つだけあります。それは、各設定とコールバック関数の情報を含むパラメータキー/値オブジェクトです。以下の詳細なパラメータオプションを参照してください。

dataType オプションを指定する場合は、サーバーが正しい MIME 情報を返すようにしてください (例: xml は "text/xml" を返します)。

例:

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

$.ajax({
type: "post",
dataType: "html",
url: &#39;/Resources/GetList.ashx&#39;,
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 リクエストを通じて情報を読み込みます。

これは、複雑な $.ajax を置き換える単純な 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 を使用して JSON 文字列を処理する方法

Ajax フォーム送信の見方と理解について話しましょう

Ajax は都市名を通じてデータを取得します

以上がjQuery での ajax の 4 つの一般的なリクエストメソッドの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。