如何解决使用Jquery表单插件asp.net mvc 3
| 我在视图中有以下代码:<script src=\"../../Scripts/jquery.form.js\" type=\"text/javascript\"></script>
<script src=\"../../Scripts/jquery-1.5.1.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\">
$(document).ready(function () {
$(\'#myForm\').ajaxSubmit();
});
@using (Html.BeginForm(\"PostData\",\"Home\",FormMethod.Post)) {
<input type=\"text\" name=\"name\" />
<input type=\"submit\" value=\"submit\" />
}
然后在控制器中,我有这种方法:
[HttpPost]
public void PostData(string name)
{
//do smoething with name
}
问题是提交表单时我重定向了URL / home / PostData。
任何人有任何建议吗?
解决方法
ajaxSubmit()
立即提交表格。您需要ѭ4才能将现有表单AJAX化:
$(document).ready(function () {
$(\'#myForm\').ajaxForm();
});
表单AJAX化后,您可以稍后按$(\'#myForm\').ajaxSubmit();
强制提交,也可以简单地将其留给用户按提交按钮。
同样,您定义表单的方式似乎也没有ID。因此,您的$(\'#myForm\')
选择器不太可能返回任何内容。您可能要为表单分配一个ID:
@using (Html.BeginForm(\"PostData\",\"Home\",FormMethod.Post,new { id = \"myForm\" }))
{
<input type=\"text\" name=\"name\" />
<input type=\"submit\" value=\"submit\" />
}
或者,如果您不想为表单分配唯一的ID,则可以通过调整jQuery选择器来对当前视图上的所有表单进行AJAX化:
$(document).ready(function () {
$(\'form\').ajaxForm();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。