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

标签 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。

最佳答案

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

关于javascript - 如何使用 jquery 和 razor 制作搜索表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15176078/

相关文章:

c# - 带有 List<dynamic> 数据源的 asp.net 网页/Razor WebGrid,排序问题

javascript - 合并两个 onEdits

javascript - 如何使用 jQuery 将 html 元素附加到鼠标?

jquery - 单击以展开文本

javascript - 在 iframe 中获取 innerdiv 的 id

javascript - x = document.getElementById ("id").className = & x = document.getElementById ("id"), x.className = 之间的区别

asp.net-mvc - Mac 上有没有好的编辑器支持来自 ASP.NET MVC 的新 Razor View Engine 格式?

asp.net-mvc - 带有下拉菜单的动态年份绑定(bind)

javascript - 识别在表格内单击了哪个按钮

javascript - 在包含的文件中发布后重新选择复选框