jQueryを使用したコントローラへの投稿

Question

いくつかの情報を読み終えたら、これはうまくいくはずです。 JS関数が呼び出され、jQueryアニメーションが回転していますが、アクションは投稿されていません。同様に、startDateとendDateをテキスト入力から提供することを希望しますが、現在ではハードコーディングさえも機能しません。みんな、ありがとう！

コントローラー：

public class NewsController : Controller 
{ 
    [HttpPost] 
    public ActionResult Search(string lang, string pageNumber, string startDate, string endDate, string search) 
    { 
    } 
} 

ビュー：

@using (Html.BeginForm()) 
{ 
    <a href="#" id="go_button">...</a> 
} 
<script type="text/javascript"> 
$('#go_button').click(function() { 
     $.post("/News/Search", { startDate: 'start', endDate: 'end'}); 
}); 

Answer 1

は、スクリプトがいずれかのDOM内のアンカーの後に配置されていることを確認したりdocument.readyにラップ：

$(function() { 
    $('#go_button').click(function() { 
     var url = '@Url.Action("Search", "News")'; 
     $.post(url, { startDate: 'start', endDate: 'end' }, function() { 
      alert('success'); 
     }); 
     return false; 
    }); 
}); 

これは動作するはずです。少なくとも、あなたの行動を呼び出す必要があります。

public class NewsController : Controller 
{ 
    [HttpPost] 
    public ActionResult Search(string lang, string pageNumber, string startDate, string endDate, string search) 
    { 
     return Json(new { success = true }); 
    } 
} 

Answer 2

$ .postだけに要求をポストします：何このアクションは、それが例外をスローか何かが別の問題ですが、少なくとも、あなたがそれに入ると正しく割り当てstartDateとendDateパラメータを持つ必要があるかどうか、いサーバーが自動的にページを更新することはありません。

DOMにビューを挿入するために使用するsuccess関数を含める必要があります。

が

$(function() { 
    $('#go_button').click(function() { 
     var url = '@Url.Action("Search", "News")'; 
     $.post(url, { startDate: 'start', endDate: 'end' }, function() { 
      $('#result').html(data); 
     }); 
     return false; 
    }); 
}); 

jqueryの中でこのような何かを試してみてくださいこれはあなたの行動に投稿し、ID「結果」で要素の中に返されたビューを配置します。

レイアウトを含まない場合は、PartialViewを返すようにしてください。