jQuery_jquery を使用して Ajax を簡単に実装するサンプルコード

Asp.Net MVC フレームワークを生成すると、jQuery スクリプトが組み込まれます。関連する環境設定については、他の記事「Asp.Net MVC の例」を参照してください。ここでも、インスタンス内の環境に依存します。 jQuery スクリプトは、生成されたフレームワークの Scripts フォルダーにすでに表示されています。
TestModel.cs で Json データを取得する関数を作成します。このときも、Id と Name の 2 つのフィールドを含む Tets テーブルを使用します。

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

//JsonDataArray
public static Array GetJsonArray(String name)
{
配列データ = null;
try
{
data = (from c in testDb.test
where c.name.Contains(name)
select new { c.id, c.name }).ToArray();
}catch(ArgumentNullException ae)
{}

}

Json データは、簡単に言うと、Key-Value 配列の形式のデータです。次に、デフォルトのオプションに従ってコントローラーを作成します。生成されたコントローラーには Index() メソッドが 1 つだけあります。 jQuery が呼び出す別のメソッドを作成します。完成したコードは次のとおりです: JQueryController.cs。注: MVC2.0 では、jQuery はデフォルトでサーバー データを呼び出すことが禁止されているため、コード JsonRequestBehavior.AllowGet にアクセス許可を追加する必要があります。

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

using System; Collections.Generic ;
System.Linq を使用;
System.Web.Mvc を使用;
名前空間 MvcWeb.Controllers; 🎜>public class JQueryController : コントローラー
{
//
// GET: /JQuery/
public ActionResult Index()
{
return View()
}
public JsonResult FindByName(文字列名)
{
return Json(TestModel.GetJsonArray(name), JsonRequestBehavior.AllowGet)
}
}
}


次に、Index() を右クリックし、デフォルトのオプションを使用してビューを生成します。生成されたコードは、Views/JQuery に表示されます。Index.aspx では、スクリプト コードを挿入します。次のように入力します:

コードをコピー

コードは次のとおりです: <%@ページ タイトル="" 言語="C#" MasterPageFile= "~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> JQuery

;