Reload a page with location.href or window.location.reload(true)

Question

I need to reload a page in a success of an ajax call.

I'm seeing some code (not mine) and there are two ways:

success: function(obj) {
  //code
  location.href = location.href;
}

or

success: function(obj) {
  //code
  window.location.reload(true);
}

Is there any difference in the behaviour? I know the difference of both location and window.location but in terms of do the job?

Answer 1

The main difference is follow:

window.location.reload() reloads the current page with POST data, while window.location.href='your url' does not include the POST data.

Further more, window.location.reload(true) method reload page from the server. And the browser will skip the cache.

For example, I see you are using success function from an AJAX request.

Suppose you have follow method:

[OutputCache(Duration=600)]
public ActionResult Homepage(){
   //code here
   return View();
}

If you are using window.location.href="location_URL" ,then browser cache data for 600 seconds, which means 10 minutes.

On the other hand, if you use window.location.reload(true) , then the browser will skip the cache and ,then, reload page from server.

Answer 2

My version, using above, as a Razor button handler:

private async Task  Reset()
{
    await js.InvokeVoidAsync("window.location.reload",true);
}