ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。