9

在 ASP.Net MVC 3.0 我使用 Ajax.Beginform

并在我调用 jQuery 函数的表单成功时点击 JsonResult。但由于某种原因,我的表单正在重定向到 JsonAction

我的观点


@using (Ajax.BeginForm("ActionName", "Controller", null, new AjaxOptions
           {
               HttpMethod = "POST",
               OnSuccess = "ShowResult"
           }, new { id = "myform" }))
{
    // All form Fields
    <input type="submit" value="Continue" class="button standard" />
}

我的控制器


public JsonResult ActionName(FormCollection collection)
{
    return Json(new { _status },JsonRequestBehavior.AllowGet);
}

jQuery


<script type="text/javascript">
function ShowResult(data) {
   // alert("I am at ShowResult");
    if (data.isRedirect) {
        window.location.href = json.redirectUrl;
    }
}

出于某种原因,当我单击提交时。它运行 JSonResult 并将页面重定向到主机/控制器/操作名,我已经包含了我的

<script src="@Url.Content("jquery.unobtrusive-ajax.min.js")"></script>

在我的 layout.cshtml

谁能告诉我可能出了什么问题?

我发现了问题。现在我必须在提交时找到解决方案我正在验证我的表单

$("#myform").validate({
    submitHandler: function (form) {
   // my logic goes here....
 }});

如果我排除验证 Ajax 表单按预期工作。但是,如果我验证我的表单,那么 ajax 表单无法按预期工作谢谢

4

1 回答 1

18

当这种情况发生时,几乎总是因为您的脚本文件没有加载

来自:

http://completedevelopment.blogspot.com/2011/02/unobstrusive-javascript-in-mvc-3-helps.html

  1. 在 web.config 中设置提到的标志:
    1. 包括对 jQuery 库的引用 ~/Scripts/jquery-1.4.4.js
    2. 在 ~/Scripts/jquery.unobtrusive-ajax.js 中包含对挂钩此魔术的库的引用

因此,加载提琴手http://fiddler2.com并查看是否正在调用和加载脚本。

于 2011-11-25T20:49:40.937 回答