jQuery、ASP.NET MVCでActionResultsに応答

Question

jQueryを使用してASP.NET MVCでフォームポストに応答する方法を知っていますが、もう少し簡単な問題があります。

シナリオは、画面上に順序付きリストのような項目のリストがあることです。

<ul> 
    <li>Item 1</li> // each will corrospond with an id. 
    <li>Item 2</li> 
    <li>Item 3</li> 
</ul> 

これはもちろん、粗例であるが、基本的なJISTは、ユーザが1つをクリックしたとき、それはいくつかのサーバー側のロジックを実行することである...ので、コントローラに、などの方法があります。

これは非常に単純なロジックですが、それでもデータベースへのアクセスが必要なので、JavaScriptで行うことはできません。私はそれを私のコントローラーに当てる必要があります。問題は、私がUIにこれに応答させたいということです。

フォームを使用しないでこれを正確に配線する方法がわかりません。助言がありますか？

Answer 1

jquery ajaxを使用してください。この例はあなたに行くべきです。

サーバー：

public JsonResult CheckSomething(int id) 
{ 
// do some logic to determine if the result should be true 
return Json(true); 
} 

クライアント：

$('li').click(function(){ 
    $.ajax({ 
     url: '/[controller name]/checksomething/' + this.id, 
     dataType: 'json', 
     type: 'POST', 
     success: function(result){ 
      if(result) {} //... 
     } 
    }); 
}); 

Answer 2

MVCの主要コンポーネントが不足していると思うので、Nerd Dinnerサンプルアプリケーションを使ってASP.NET MVCの基本を十分に理解することをお勧めします。

Item 1のリンクを印刷するときは、操作するデータのIDを渡してHtml.ActionLinkを使用し、コントローラに適切なActionメソッドを追加してこれを処理する必要があります。