如何使用jQuery和剃鬚刀做一個搜索表單

我做了一個使用webmatrix的CRUD應用程序。我正在使用jQuery和剃刀語法。當我還在學習時，花了很長時間才弄清楚如何使用jQuery並在我的asp.net中實現它。如何使用jQuery和剃鬚刀做一個搜索表單

下面是我做的代碼：

$('#grid').click({ 
       function() { 
         $.ajax({ 
          type: "POST", 
//javascript code here 

</script> 
</head> 
<body> 
input type="text" name="fname"><<input type="button" value="Submit form"> 

<div id="grid" class="ui-widget"> 
    @RenderPage("~/Partials/Recipient.cshtml") 
</div>

我感興趣的方式在那裏，當我點擊提交按鈕在我的文本框中的值被貼到我的Recpient.cshtml和執行，那麼它在搜索下面呈現。我被困在這裏，我需要將輸入值發佈到Partials/Recipient.cshtml。

來源

2013-03-02 Sithelo Ngwenya

首先您配置Ajax調用（這將發送您fname輸入字段的值作爲參數POST你Recipient.cshtml腳本），然後處理成功Recipient.cshtml輸出。

它應該看起來像：

$.ajax({ 
url: "Partials/Recipient.cshtml", 
type: "POST", 
data: { fname: $('input[name$="fname"]').val() } 
success: function(ajaxoutput) 
{ 
    //dosomething(); 
} 
});

更多信息：http://api.jquery.com/jQuery.ajax/

來源

2013-03-02 16:05:59 NotGaeL

感謝您的答覆。我正在尋找一種方式來發布和顯示webgrid。這個職位只是一個價值。 – 2013-03-02 16:48:27

然後你的成功函數可能應該是像'$（'＃grid'）。html（ajaxoutput）;'（這會用ajax調用Recipient.cshtml的輸出代替你的「grid」div內容） – NotGaeL 2013-03-02 18:13:29

如何使用jQuery和剃鬚刀做一個搜索表單

回答

相關問題