Question

我有这样的表格：

@using (Html.BeginForm("Update", "MyController", FormMethod.Post, new { id = "frmEdit" })) {
<input type="text" id="Title" value="Adam" />
}

这是jquery：

  $(function () {
        $('#frmEdit').submit(function () {
            //read form values            
            //verify req fields
            if (isValid) {
                $.ajax({
                    url: this.action,
                    type: this.method,
                    data: $(this).serialize(),
                    beforeSend: SpinWheel(l),
                    success: function (result) {
                        if (result.s == 'OK') {
                            alert("Success Updated");                                                    
                        }
                        else {
                            Alert("Sorry! Update failed.");
                        }
                    },
                    error: function (xhr, status, error) { alert('Error');}
                });
            }
            return false;
        });

    });

控制器：

public ActionResult Update(FormCollection album)
{
   return Json(new { s = "OK" });
}

表单里面有一个模态。单击父页面中的链接时，将启动模式。在模态中，我有一个带有提交按钮的表单。

Answer 1

尝试在传递的preventDefault()上添加对event的调用：

$('#frmEdit').submit(function (e) {
    e.preventDefault();

    ....
});

糟糕的复制/粘贴？ alert(Error');

如果是这样，这可能是因为return false;事件结束后submit未点击<{1}}

为什么我的MVC 3表单帖子在提交后会刷新页面？

1 个答案: