Redirect AND reload even if same page

Question

What is the easiest/best way to ensure that a page redirects to another page and to ensure that the page refreshes even if the destination page is the current page.

I have some function on page www.website.com that redirects users to the URL www.website.com/#tag. I then have an onload even that checks the url for #tag and does something if that tag exists.

However, the program breaks if the user was already on page www.website.com/#tag. What is the best way to ensure that the user is always redirected to www.website.com/#tag through this function, as though they were arriving to the website freshly form some other page (lets say www.google.com).

I'm currently redirecting with:

window.location.replace(www.website.com/#tag);

I'm aware there are a million ways to reload the page. I've been using:

location.reload();

`location.reload(true);`, so that cached page is not delivered. — Hemal, Dec 27 '15 at 06:19
Is it possible to simply call the window.location.replace(www.website.com/#tag); and then call the location.reload(true); or does the function stop running after the replace event? — COMisHARD, Dec 27 '15 at 06:21
This might also help, http://stackoverflow.com/a/7632005/2270492 — Hemal, Dec 27 '15 at 06:21
Once you use replace, page will reload and nothing after that will be executed. — Hemal, Dec 27 '15 at 06:22

score 2 · Answer 1 · answered Jan 31 '19 at 22:54

This method uses jQuery but the principle is, read the attribute we're about to update, and if no change would be incurred, reload instead of setting the attribute.

// current value of the location href attribute
let currentURL = $(location).attr("href");

// value we intend to change it to
let redirectURL = "https://yellow.brick.road/"

if (currentURL !== redirectURL) {
    $(location).attr("href", redirectURL);
} else {
    location.reload();
}

Suchit kumar · Answer 2 · 2015-12-27T06:42:56.070

0

try something like this:you can simply append the hash to it then reload:

 if(window.location.href.indexOf("#tag") == -1){
    window.location.href += "#tag";
    location.reload(true);
    }

edited Dec 27 '15 at 06:42

answered Dec 27 '15 at 06:37

Suchit kumar

11,809
3
22
44

score 0 · Answer 3 · answered Sep 11 '17 at 04:18

There's a case where navigating to the current location but with a new or changed #anchor may cause the browser not to reload the page, but instead to scroll to the anchor point. Often this is actually the desired behaviour, since it enables the simple anchor-based linking that we are familiar with.

I've worked around it in at least one application by switching to the reload behaviour if the underlying path didn't change, whilst checking for a hash:

var new_path, old_path;
old_path = window.location.origin + window.location.pathname;
window.location.href = location;
new_path = window.location.origin + window.location.pathname;
if (old_path === new_path && window.location.hash.length > 0) {
  window.location.reload();
}

I didn't need to deal with a query-string but window.location.search provides if necessary.

score 0 · Answer 4 · answered May 25 '21 at 12:49

0

try this for redirect on the same page.

window.location.reload(true)

answered May 25 '21 at 12:49

Kashif

480
4
11

Redirect AND reload even if same page

4 Answers4