在 ajax 帖子上加载另一个视图

Question

我有一个视图 UserInformation，我在其中填写了一些与用户相关的信息，并使用 ajax 帖子将这些信息发布到另一个视图“AnotherView”。

现在我想在动作方法“AnotherView”中获取这些输入，并使用一些数据模型加载视图“AnotherView”。

当我从视图 UserInformation 到操作方法 "AnotherView" 执行 Ajax Post 时，它会执行操作方法 "AnotherView"，但它仍然显示视图 UserInformation

从视图 UserInformation

调用 Ajax

$.ajax({
    url: '/somecontroller/AnotherView/',
    data: {
        name: $.trim($('#mgr').val()),
        id: $('#id').val(),
        email: $.trim($('#hdnMgrmail').val())
    },
    cache: false,
    type: "POST",
    dataType: "html",
    success: function (data,
        textStatus, XMLHttpRequest) {
        alert('ok');
    }
});


[HttpPost]
public ActionResult AnotherView(few parametrs that is coming here)
{
      //create model using input params
      return View(with some model);
}

Answer 1

由于您的目标控制器操作返回 ActionResult，因此您可以预期它将返回呈现的 HTML（以及发生的任何数据绑定）。

所以你的成功回调的data参数实际上将包含这些内容，所以你可以简单地使用一个jQuery选择器来确定你想要使用html()函数输出它的位置：

success: function (data, textStatus, XMLHttpRequest) {
    // data is your HTML content
    $(...).html(data);
}

值得注意的是，如果您打算返回一小部分内容而不是任何其他内容（例如布局或其他相关视图），则可能需要考虑使用 PartialView() 方法：

[HttpPost]
public ActionResult AnotherView(...)
{
     return PartialView(...);
}

更新

由于在 cmets 中提到最好完全刷新页面，如果是这种情况，那么您可以考虑简单地提交一个发布到目标操作的表单，并且提交事件将处理导航（并返回整个动作）：

<form action='/somecontroller/AnotherView/' method='post'>
    <input id='mgr' name='name' />
    <input id='id' name='id' />
    <input id='hdnMgrmail' name='email' />
    <input type='submit' />
</form>