jQuery 学習レッスン 5 Ajax 命令_jquery-jsチュートリアル-php.cn

jQuery はいくつかの ajax 関数を提供します。これらは似ていますが、異なる種類のデータを処理するために分離されています。最も単純な関数は get(url,parameters,callback) です。この関数は GET リクエストを開始し、サーバーから返されたデータを処理のためにコールバックに渡します。次の例では、マウスがハイパーリンク上にあるときに ajax リクエストを開始し、サーバーからハイパーリンクに関する詳細情報を返す効果を実装しています。まずサーバー側のコードを確認し、例として新しい ajaxload.ashx を作成し、クエリパラメーターの word の値を取得して、次の値を返します:

コードをコピーコードは次のとおりです。

using System; >System.Web を使用;
public class ajaxload : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain"; .Params["word"];
context.Response.Write(string.Format("

{0} の詳細はこちら....",word));
}
public bool IsReusable {
get {
return false;
}
}
}

フロントエンドコードは次のとおりです:

コードをコピーコードは次のとおりです:

Ajax テキスト
🎜> 🎜>
中国
">アメリカ

日本

br />

;

日本と中国の上でマウスを順番にスライドさせます。firebug で 2 つの get リクエストが開始されたことがはっきりとわかります。 jquery はパラメータをエンコードしてサーバーに渡します。 Ajax は jQuery を使えばとても簡単です。

これはバンドル製品セレクターです。最初に最初の属性「ゲーム」を選択し、次に「サーバー」を選択し、最後に「金額」を選択します。サーバー側がデータベースから適切なデータを見つけて JSON データにシリアル化する方法は、この記事の焦点ではありません。サーバーは次のリクエストに応答でき、返されたデータも確認できます。これらは JSON の一般的な形式です:

最初のリクエストはゲームのリストを返し、2 番目のリクエストはサーバーのリストを返します。3 番目のリクエストは少し複雑で、リストに表示するために DisplayName が使用され、ID が返されます。リストの値、残りは使用されません。例: