View not refreshing after AJAX post
Solution 1
As you requesting AJAX call, you should redirect using its response
Modify your controller to return JSONResult with landing url:
public ActionResult SetEnddateRemarkToYesterday(int remarkID) {
//Some logic to persist the change to DB.
var redirectUrl = new UrlHelper(Request.RequestContext).Action("Index", "Controller");
return Json(new { Url = redirectUrl });
}
JS Call:
$.post("Home/SetEnddateRemarkToYesterday", { remarkID: remarkID }, function (result) {
window.location.href = result.Url
});
Solution 2
After Ajax post you need to call to specific Url.. like this.. window.location.href = Url
Danny van der Kraan
Blog: https://dannyvanderkraan.wordpress.com/ LinkedIn: https://nl.linkedin.com/in/dannyvanderkraan Tags: C#.NET, ASP.NET Core 1.0, Azure, NServiceBus, WPF MVVM, LINQ, Agile Scrum, TDD, DDD, UML ~ Let's help eachother become better developers.
Updated on January 01, 2021Comments
-
Danny van der Kraan over 3 years
I have a view (Index.cshtml) with a grid (Infragistics JQuery grid) with an imagelink. If a user clicks on this link the following jquery function will be called:
function ConfirmSettingEnddateRemarkToYesterday(remarkID) { //Some code... //Call to action. $.post("Home/SetEnddateRemarkToYesterday", { remarkID: remarkID }, function (result) { //alert('Succes: ' + remarkID); //window.location.reload(); //$('#remarksgrid').html(result); }); }
Commented out you can see an alert for myself and 2 attempts to refresh the view. The location.reload() works, but is basically too much work for the browser. The .html(result) posts the entire index.cshtml + Layout.cshtml double in the remarksgrid div. So that is not correct.
This is the action it calls (SetEnddateRemarkToYesterday):
public ActionResult SetEnddateRemarkToYesterday(int remarkID) { //Some logic to persist the change to DB. return RedirectToAction("Index"); }
This is the action it redirects to:
[HttpGet] public ActionResult Index() { //Some code to retrieve updated remarks. //Remarks is pseudo for List<Of Remark> return View(Remarks); }
If I don't do window.location.reload after the succesfull AJAX post the view will never reload. I'm new to MVC, but i'm sure there's a better way to do this. I'm not understanding something fundamental here. Perhaps a nudge in the right direction? Thank you in advance.