今回は、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]); } } });
これは、複雑な $.ajax を置き換える単純な GET リクエスト関数です。コールバック関数は、リクエストが成功したときに呼び出すことができます。エラー時に関数を実行する必要がある場合は、$.ajax を使用します。
例:
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
これは、複雑な $.ajax を置き換える単純な POST リクエスト関数です。コールバック関数は、リクエストが成功したときに呼び出すことができます。エラー時に関数を実行する必要がある場合は、$.ajax を使用します。
例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) { if (data == "ok") { alert("添加成功!"); } })
例:
$.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 サイトの他の関連記事を参照してください。