ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryにおけるajaxのリクエストメソッドとは何ですか?

jQueryにおけるajaxのリクエストメソッドとは何ですか?

php中世界最好的语言
リリース: 2018-04-03 11:34:13
オリジナル
1968 人が閲覧しました

今回は、jQueryのajaxのリクエストメソッドとは何か、jQueryでajaxを使用する際の注意点は何ですか?実際の事例を紹介します。 AJAXはサーバーとデータをやり取りする技術で、Webページ全体を補完しながら、Webページの一部を

更新

することができます。

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

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

$.ajax() のパラメータは 1 つだけです。各設定と

コールバック関数

情報を含むパラメータ キー/値オブジェクトです。以下の詳細なパラメータ オプションを参照してください。 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 リクエストを通じて情報を読み込みます。

これは、複雑な $.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;
});
});
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

全国天気予報の API データを取得するための Ajax


Ajax と JSON データの対話型ストレージ

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

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