0

我在 ASP.NET MVC 3 (C#) 中创建了下面的控制器方法，它返回一个 PartialView：

public ActionResult InsertEmail(long idPerson)
    {
        PersonEmailViewModel mail = new PersonEmailViewModel();
        mail.email.Person_idPerson = idPerson;
        return PartialView(mail);
    }

我需要在提交表单上执行的方法是：

[HttpPost]
    public ActionResult InsertNewEmail(PersonEmail mail)
    {
        mail.idPersonEmail = mail.Insert(mail);
        return Json(mail);
    }

我的 partialView 包含以下代码：

@model PlatformLib_MySql.BLL.Person.PersonEmailViewModel
<form action="" id="frmNewEmail" method="post">
<div>
E-mail: @(Html.TextBoxFor(m => m.email.email))
@(Html.HiddenFor(m => m.email.Person_idPerson))
<input type="submit" value="Insert" id="btnSubmitMailInsert" />
<input type="button" value="Cancel" id="btnCancelMailInsert" />
</div>
</form>

在我的 JS 文件中，我在 #btnSubmitMailInsert 按钮上运行此代码：

jQuery("#btnSubmitMailInsert").click(function () {
submitNewEmail();
window.location.reload();
});
function submitNewEmail() {
event.preventDefault();
var mail = {
    email: jQuery("#frmNewEmail #email_email").val(),
    Person_idPerson: jQuery("#frmNewEmail #email_Person_idPerson").val()
};

var request = jQuery.ajax({
    url: '/Person/InsertNewEmail',
    data: mail,
    type: 'POST',
    dataType: 'json',
    cache: false
});

request.done(function (msg) {
    console.log(msg);
});

request.fail(function (msg) {
    console.log(msg);
});
}

我的问题集中在 Ajax 请求上。我很少能做出“快乐的方式”，在提交点击时，事件在 jQuery 上被激活，调用方法“submitNewEmail()”，调用 Ajax，在控制器上执行方法并成功传递。但不是这样......它总是返回失败，不是因为控制器方法返回错误，而仅仅是因为 ajax 没有正常运行，没有在控制器上执行该方法，即使在那里插入了一个断点（在 VS2010 上）。在我这里发布的这个 JS 代码中，尝试替代地解决这个问题，但没有成功。原始代码是：

    jQuery.ajax({
    url: '/Person/InsertNewEmail',
    data: mail,
    type: 'POST',
    dataType: 'json',
    cache: false,
    success: function (result) {
        debugger;
        jQuery("#tblEmail").append("<tr><td>Email inserido</td></tr>");
    },
    error: function () {
        debugger;
        alert("Erro ao inserir e-mail.");
    }
});

我暂时留下了“console.log(msg)”，只是为了解决这个问题。

你们中有人能告诉我发生了什么，或者指出我的错误在哪里吗？

4

1 回答 1

0

我发现了问题。一切都是正确的，但一些细节损坏了代码：window.location.reload();

我对我的代码进行了一些更改，如下所示：

    jQuery.ajax({
    url: '/Person/InsertNewEmail',
    data: mail,
    type: 'POST',
    dataType: 'json',
    cache: false
}).done(function (data) {
    // Do something
});

另一种方式也是正确的，唯一相关的变化是：

jQuery("#btnSubmitMailInsert").click(function () {
event.preventDefault();
submitNewEmail();
// window.location.reload // -> Commented for testing and everything worked fine.
});

感谢您尝试帮助我。这对我帮助很大。

于 2013-10-29T18:21:02.257 回答