製品ロードライブラリより転載：http://www.pinlue.com/article/2020/03/0707/559989802342.html
ASP.NET MVCでJuqeryを使用して、部分的なページ更新を達成します
次のようにMyMovieController.csコードを言っていない映画のカテゴリがあり、1、MyMovieController.cs2、Index.aspx3、ViewUserControl1.ascx4：さておき実験、ノート、いくつかの例では、この外観は、拡張ファイルを含めるを行っています
MyMovieController.csusingシステム; System.Collections.Genericを使用して、System.Linqのを使用して、System.Webのを使用して、System.Web.Mvcを使用して、System.Web.Mvc.Ajaxを使用して、名前空間MyMVC.Controllers {publicクラスMYMovieController：コントローラ{/ /// GET：/ myMovieという/公共のActionResultインデックス（）{（ビューを返す）;}公共のActionResult検索（文字列のクエリ、int型のページ？）{一覧<映画>映画= movie.Movies.Where（R => r.MovieName 。.Contains（クエリ））OrderByDescending（R => r.MovieName）.SKIP（（ページ?? 0）* 4）.Take（4）.ToList（）; IF（Request.IsAjaxRequest（））{int型moiveCount = movie.Movies.Where（R => r.MovieName.Contains（クエリ））（COUNT）; ViewDataを[ "TOTALPAGE"] =（INT）Math.Ceiling（moiveCount / 4D）; ViewDataを[ "クエリ"] =クエリ;リターンビュー（ "ViewUserControl1"、映画）;}他{リターンビュー（）;}}}}
システムをmovie.csusing; System.Collections.Genericを使用して、System.Linqのを使用して、System.Webのを使用して、名前空間MyMVC {publicクラスムービー{公共の文字列MOVIENAME取得または設定;}パブリック文字列カテゴリ取得または設定;}公共の映画（文字列MOVIENAME、文字列カテゴリ）{this.MovieName = MOVIENAME; this.Category =カテゴリ;}パブリック静的リスト<映画>映画は、{{ "アクション映画"、<映画> {新しい映画（ "龍" の新しいリストを返す取得します）、新しい映画（「ダイハード」、「アクション映画」）、新しい映画（「longhumen」、「アクション映画」）、新しい映画（「ドラゴンへの道」、「アクション映画」）、新しい映画（「ドラゴン」、「アクション映画」）、新しい映画（「竜戦争」、「アクション映画」）、新しい映画（「ロボコップ」、「アクション映画」）、新しい映画（「ドラゴンアンA "" アクション映画「）};}}}}
ViewUserControl1.ascx <％@制御言語= "C＃の" 継承= "System.Web.Mvc.ViewUserControl <IEnumerableを<MyMVC.movie >>" ％> <表> <THEAD> <TR> <目> MOVIENAME </目> <TH>カテゴリ</番目> </ TR> </ THEAD> <TBODY> <％foreachの（モデルにおけるVARアイテム）{％> <TR> <TD> <％= Html.Encode（item.MovieName）％> </ TD> <TD> <％= Html.Encode（item.Category）％> </ TD> </ TR> <％}％> </ TBODY> </ TABLE> <P> <％INT TOTALPAGE =（ INT）ViewDataを[ "TOTALPAGE"];文字列のクエリ= ViewDataを[ "クエリ"]のToString（）;（VARのために私は= 0; I <TOTALPAGE; I ++）{％> <A HREF = "＃" タイトル= "< ％= I％> "> <％= Html.Encode（I + 1）％> </a>の<％}％> </ P>
Index.aspxます。<％@ Page Language = "C＃の" 継承= "System.Web.Mvc.ViewPage" ％> <DOCTYPE用HTML PUBLIC " - // W3C // DTD XHTML 1.0過渡// EN"「のhttp：//！ www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlのxmlns = "http://www.w3.org/1999/xhtml"> <頭にrunat = "サーバー"> <タイトル>インデックス</ TITLE> <スタイルタイプ= "テキスト/ cssの">＃結果テーブルTHEAD TR {背景色：#CCCCCC;} </スタイル> <スクリプトSRC =」../../スクリプト/ jqueryの-1.4。 1 vsdoc.js」タイプ= "テキスト/ javascriptの"> </ SCRIPT> <スクリプトタイプ= "テキスト/ javascriptの"> //发送异步请求、将结果输出到<DIV ID = "結果"> </ div>中//最后一个参数可以是 "HTML" 也可以是 "テキスト" 機能の検索（クエリ、ページ）{$。ポスト（ "/ myMovieという/検索"、 "クエリ=" +クエリ+ "＆ページ="+ページ、機能（データ）{$（ "＃結果"）、HTML（データ）; $（ "＃結果テーブルのTBODY TR：奇数"）..のCss（ "バックグラウンド"、 "＃1 F5DEB3"）;}、「テキスト"）; //ハイパーリンクは、シールドリターン偽のジャンプ;} $（関数（）{//バインドイベントは$ボタン検索です（" ＃検索を "）＃クエリ」（関数（）{検索（$を（クリックしてください。" ）.val（））;}）//タブが新たに生成したバインドクリックイベント$（ ""）ライブ（ "クリック"、機能（）{検索（$（ "＃クエリ"）のval（に接続します。.. ）、$（この）.ATTR（ "タイトル"））;}）;}）</スクリプト> </ HEAD> <BODY>の<div> <H2>映画</ H2> <％= Html.TextBoxを検索（ "クエリ"）％> <INPUT TYPE = "ボタン" ID =値を "検索" = "送信" /> <DIV ID = "結果"> </ div> </ div> </ body> </ HTML>＃F5DEB3 "）;}、" テキスト "）; //ハイパーリンクは、シールドリターン偽のジャンプ;} $（関数（）{//バインド検索ボタンイベント$（" ＃検索「）（（機能をクリックしてください。） {（$（ "＃クエリ"）のval（）。）検索;}（ ""）ライブ（ "クリック"、機能を（））//イベントが新たに発生した$タブをバインドするために接続されている]をクリックし、{（$検索（ "#query"）のval（）、$（この）.ATTR（ "タイトル"））;.}）;}）</スクリプト> </ HEAD> <BODY>の<div> <H2>映画を検索します</ H2> <％= Html.TextBox（ "クエリ"）％> <INPUT TYPE = "ボタン" ID = "検索" 値= "送信" /> <DIV ID = "結果"> </ div> </ div> </ body> </ html>この＃F5DEB3 "）;}、" テキスト "）; //ハイパーリンクは、シールドリターン偽のジャンプ;} $（関数（）{//バインド検索ボタンイベント$（" ＃検索「）（（機能をクリックしてください。） {（$（ "＃クエリ"）のval（）。）検索;}（ ""）ライブ（ "クリック"、機能を（））//イベントが新たに発生した$タブをバインドするために接続されている]をクリックし、{（$検索（ "#query"）のval（）、$（この）.ATTR（ "タイトル"））;.}）;}）</スクリプト> </ HEAD> <BODY>の<div> <H2>映画を検索します</ H2> <％= Html.TextBox（ "クエリ"）％> <INPUT TYPE = "ボタン" ID = "検索" 値= "送信" /> <DIV ID = "結果"> </ div> </ div> </ body> </ html>このヴァル（）、$（この）.ATTR（ "タイトル"））;}）;}）</スクリプト> </ HEAD> <BODY>の<div> <H2>搜索电影</ H2> <％= Htmlの。テキストボックスの値= "提交" /> <DIV ID = "結果"> </ div> </ div> </ body> </ htmlの "検索"（ "クエリー"）％>の<input type = "ボタン" ID = >ヴァル（）、$（この）.ATTR（ "タイトル"））;}）;}）</スクリプト> </ HEAD> <BODY>の<div> <H2>搜索电影</ H2> <％= Htmlの。テキストボックスの値= "提交" /> <DIV ID = "結果"> </ div> </ div> </ body> </ htmlの "検索"（ "クエリー"）％>の<input type = "ボタン" ID = >
