后阿贾克斯后返回查看到控制器

Question

我邮寄

function SendF() { 

$.ajax({ 
    url: '@Url.Action("Summary")', 
    type: 'POST', 
    data: JSON.stringify(flags), 
    contentType: "application/json;charset=utf-8", 
    success: function() { 

    }, 
    error: function() { 
     alert("Oops! We've experienced a connection problem!"); 
    } 
}); 
} 

使用Ajax发送一些JSON数据到我的控制器

[HttpPost] 
     public ActionResult Summary(List<string> flagsChecked) 
     { 

      [...] 

       return View(flags); 
     } 

，并试图返回与数据的视图我已经处理，但我想这不会发生，因为ajax是关于异步http请求的。如何将我的代码更改为同步？

Answer 1

这样做的一种方法是通过ajax将请求发送给控制器，然后在页面上呈现局部视图。最简单的方法是使用built in ajax helpers in ASP MVC。下面是另一篇文章的链接，给出了一个相当不错的概述：

How to render partial view in MVC5 via ajax call to a controller and return HTML

Answer 2

背后使用Ajax整个想法是给用户的部分页面更新体验。如果您正在进行ajax调用，并且一旦完成并且您正在重定向到另一个页面，则它不会为用户提供部分页面更新体验。它看起来非常类似于正常表单提交（整页提交）。

如果你绝对要通过AJAX将数据发送到服务器，但是想做重定向后Ajax调用成功完成，你可以做到这一点在上$.ajax方法success或done回调事件使用JavaScript。

您只需将location.href属性设置为新的url。

var flags = ["aa", "bb", "cc"]; 

$.ajax({ 
    url: '@Url.Action("Summary")', 
    type: 'POST', 
    data: JSON.stringify(flags), 
    contentType: "application/json;charset=utf-8" 
}).done(function(res) { 
    window.location.href = res.newUrl; 
}).fail(function(xhr, a, error) { 
     console.log(error); 
}); 

这是假设你的服务器操作方法返回包含您想重定向到URL中的newUrl财产的JSON响应。

[HttpPost] 
public ActionResult Summary(List<string> flagsChecked) 
{ 
    return Json(new { newUrl = Url.Action("Index","Home") }); 
}