JQUERY オペレーション JSON の例 code_jquery

1. jquery が ajax を使用してバックグラウンドの asp.net ページによって生成された json データを呼び出す方法
2. jquery の簡単な dom 操作
3. この jquery 開発マニュアルを全員に送信します (ゆっくり読んでください)

準備作業:
まず、新しい Web サイト (.net2.0 で十分です)
1. プロジェクトの jquery js ファイルを作成します。
2. 新しい htm ファイルを作成し、dome.htm という名前を付けます。
コードは次のとおりです: (ヘッド領域の js コードはすべて実装されたコードであり、詳細なコメントが付いています)

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

>

3. 別の一般的なアプリケーション (jsonData.ashx) を構築します。 :

コードをコピー コードは次のとおりです: <%@ WebHandler Language=" C#" Class="jsonData" %>

using System;

using System.Web;
public class jsonData : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response .ContentType = "text/plain";
string data = "[{ name:"ants",age:24},{name:"lele",age:23}]";//構築された json データ
//次の 2 つの文は、フロント デスクがこのページに対して発行したクエリをテストするために使用されます。 Character
string querystrname = context.Request.QueryString.GetValues("name")[0];// の値を取得しますクエリ文字列内の名前
string querystage = context.Request.QueryString.GetValues("age" )[0];//クエリ文字列内の年齢の値を取得します
context.Response.Write(data);
}
public bool IsReusable {
get {
return false;
}
}


について一つだけ言っておきます。上記のコンテンツ、つまりフロント ページの $.getJSON メソッド
$.getJSON(url, params, callback)
HTTP GET を使用して JavaScript JSON データをリクエストします

戻り値: XMLHttpRequest
パラメータ:
url (文字列): ロードされたページの URL アドレス。
params (マップ): (オプション) サーバーに送信されるキーと値のペアのパラメーター。
コールバック (関数): (オプション) データのロードが完了したときに実行される関数。
成功した操作のいくつかの写真を以下に示します。
1. 操作結果


2 、背景デバッグデータ: