Question

Ajax.BeginForm重定向到控件

我使用razor创建了一个MVC 4应用程序。以下代码用于在我的表单上提交数据。

@using (Ajax.BeginForm("Topup", "Card", new AjaxOptions { HttpMethod = "POST", OnBegin = "Submitting_Form", OnComplete = "Submitted_Form", UpdateTargetId = "SendStatus"}, new { id="FormSubmit"})) 
{    
    @Html.ValidationSummary()

    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Mobile Topup</li>

        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.MobileNo)            
            @Html.TextBoxFor(m => m.MobileNo)            
        </li>    


        <li data-role="fieldcontain">
            <label class="ui-input-text" id="SendStatus">Test</label>            
        </li>

        <li data-role="fieldcontain">
            <input type="submit" value="Topup" />
            <input type="button" value="Reset" onclick="this.form.reset(); $('#TopupDate').val(Current_Date('d-m-y'));" />
        </li>        



        <!--<li data-role="list-divider">Navigation</li>-->
        <li>@Html.ActionLink("Home", "Index", "Home")</li>
    </ul>
}

在控制器上

 //[AllowAnonymous]
        [HttpPost]
        public ActionResult Topup(TopupModel model)
        {
            try { 

            }
            catch (Exception ExC) {
                Bug.Bug BG = new Bug.Bug();
                BG.Send_Bug_Message(ExC);
            }
            //return PartialView("PartialTopup", model);
            return Content("Success");
        }

但提交后，页面会自动重定向到Controller（例如http://localhost:43289/Card/Topup，其字符串为“未定义”

为什么会这样？我已经包含在以下库中。

<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>


<script src="/Scripts/MicrosoftAjax.debug.js"></script>
<script src="/Scripts/MicrosoftMvcAjax.debug.js"></script>

用Firebug检查后，我得到了一些线索。

POST http://localhost:43289/Card/Topup?Length=4 200 OK 114ms jquery-2.0.3.js (line 7845)
POST http://localhost:43289/Card/Topup?Length=4 200 OK 113ms jquery-2.0.3.js (line 7845)

它发生了两次。为什么？请帮我解决这个问题。

Answer 1

你使用错误的重载，现在你的AjaxOptions在路由值参数中，请改用：

@using (Ajax.BeginForm("Topup", "Card", null, new AjaxOptions { HttpMethod = "POST", OnBegin = "Submitting_Form", OnComplete = "Submitted_Form", UpdateTargetId = "SendStatus"}, new { id="FormSubmit"}))

当您看到长度查询字符串时，它实际上是您使用不正确参数的提示。

更新：

我能想到为什么它现在发布两次的唯一原因是你引用了两次脚本。不要将脚本放在partial中。只需将其放在主视图或layout视图

中即可

Ajax.BeginForm重定向到控件

1 个答案: