如何使用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和剃须刀做一个搜索表单

回答

相关问题