0

Ajax.BeginForm 重定向到控件

我使用剃刀创建了一个 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");
        }

但提交后，页面会自动重定向到控制器（例如，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)

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

4

1 回答 1

1

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

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

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

更新：

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

于 2013-11-02T15:16:13.480 回答