如何使用jquery和razor制作搜索表单

时间:2013-03-02 15:22:53

标签: javascript jquery razor

我使用webmatrix创建了一个CRUD应用程序。我正在使用jquery和razor语法。在我还在学习的过程中,花了很长时间才弄清楚如何使用jquery并在我的asp.net中实现它。

以下是我所做的代码:

 $('#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。

1 个答案:

答案 0 :(得分:1)

首先配置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/