I have this code:

$(window).ready(function() {
  var url = window.location.href;
  if (url.includes("#/projet/")) {
    projectId = url.substring(url.indexOf("#")+1).split("/").slice(2, 3).toString();
    window.location.href = "projects/" + projectId;
  };
})

I'm redirected but the window.location is not replaced, just concatenated. For instance, if my URL is localhost:3000/users/212323/dashboard, after the javascript redirection, I get localhost:3000/users/212323/projects/123456 instead of localhost:3000/projects/123456

I don't understand why the href is concatenated and not replaced, do you have an idea?

I have this code:

$(window).ready(function() {
  var url = window.location.href;
  if (url.includes("#/projet/")) {
    projectId = url.substring(url.indexOf("#")+1).split("/").slice(2, 3).toString();
    window.location.href = "projects/" + projectId;
  };
})

I'm redirected but the window.location is not replaced, just concatenated. For instance, if my URL is localhost:3000/users/212323/dashboard, after the javascript redirection, I get localhost:3000/users/212323/projects/123456 instead of localhost:3000/projects/123456

I don't understand why the href is concatenated and not replaced, do you have an idea?

• javascript

Share Improve this question Follow asked Dec 18, 2018 at 8:51 cercxtrovacercxtrova 1,6711515 silver badges3535 bronze badges 2

• 4 You need "/projects/", not "projects/". – Ry- ♦ Commented Dec 18, 2018 at 8:52
• Perfect, thank you @Ry- – cercxtrova Commented Dec 18, 2018 at 8:55

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

window.location.href = 'someurl' works the same way as clicking that someurl in a <a> tag.

When using a relative path (i.e. without / in the beginning), your browser will concatenate the URL to the existing URL.

Simple fix in your case is to prepend the /:

window.location.href = "/projects/" + projectId;

Note though, that this will cause the site possibly not work anymore if it is moved to another location. That is why many web frameworks use full URLs and some kind of base-url to get the linking correctly.

You need to add another / to the beginning of the url, otherwise the browser interprets the url as a relative url to the curent url.

window.location.href = "/projects/" + projectId;

The extra / at the start tells the browser to start from the root url.