Split url with JavaScript

Question

I'm trying to split the following url:

http://www.store.com/products.aspx/Books/The-happy-donkey

in order to get only http://www.store.com/products.aspx

I'm using JavaScript window.location.href and split but not success so far.

How can this be done? thanks!

Firstly look at this question, it maybe helpfull for you stackoverflow.com/questions/15534673/… is it? — Boris Zagoruiko
– Boris Zagoruiko, Commented Mar 21, 2013 at 2:34
is it specifically for the url only, or do you intend to use the function generically... as in, what if you just remove the "/Books/The-Happy-donkey" part? — Ryan
– Ryan, Commented Mar 21, 2013 at 2:35
The "/Books/The-Happy-donkey" is dynamic, so the only reference i have is the .aspx part, but with split is doing no good — Arturo Suarez
– Arturo Suarez, Commented Mar 21, 2013 at 2:38
@GlenSwift actually no... I need the whole page until .aspx so i can connect into a webMethod :( — Arturo Suarez
– Arturo Suarez, Commented Mar 21, 2013 at 2:40
Hi, I'm finding it hard to understand your question, would you mind adding more inputs with expected output? It's hard to induce from a single example with this description. — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Mar 21, 2013 at 2:42

Sasidhar Vanga · Accepted Answer · 2017-08-04 14:36:01Z

4

Try this

var fullurl = "http://www.store.com/products.aspx/Books/The-happy-donkey",
    url = fullurl.split(".aspx")[0] + ".aspx";

edited Aug 4, 2017 at 14:36

answered Mar 21, 2013 at 2:39

Sasidhar Vanga

3,4042 gold badges29 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fabio C. Over a year ago

Smart and effective

Daniel · Accepted Answer · 2013-03-21 03:25:50Z

4

In the case of a url: http://www.store.com/products.aspx/Books/The-happy-donkey from the address bar

 var path = window.location.pathname;
 var str = path.split("/");
 var url = document.location.protocol + "//" + document.location.hostname + "/" + str[1];

edited Mar 21, 2013 at 3:25

answered Mar 21, 2013 at 2:41

Daniel

4,9643 gold badges30 silver badges33 bronze badges

Comments

Jared Farrish · Accepted Answer · 2013-03-21 02:46:28Z

3

This isn't unwieldy, is it?

var url = 'http://www.store.com/products.aspx/Books/The-happy-donkey';

[
    url.split('://')[0] + '://', 
    url.split('://')[1].split('/').slice(0,2).join('/')
].join('')

A little less cheeky:

url.split('/').slice(0, 4).join('/')

answered Mar 21, 2013 at 2:46

Jared Farrish

49.4k17 gold badges100 silver badges108 bronze badges

Comments

Ryan · Accepted Answer · 2013-03-21 02:48:16Z

1

The better answer (than split) is probably with a regex honestly unless you just REALLY need to use split (for the fun of it):

var shorterUrl = window.location.href.replace(/\.aspx.+/gi, ".aspx");

this replaces the end of your given url, starting at .aspx and just keeps the .aspx part.

But foremost, this is not a good solution tactic to a specific problem (try to solve problems like this more generically).

answered Mar 21, 2013 at 2:48

Ryan

2,82518 silver badges30 bronze badges

Comments

Penny Liu · Accepted Answer · 2020-07-30 14:34:30Z

0

try this, you would get object of url

console.log(new URL(document.URL));

edited Jul 30, 2020 at 14:34

Penny Liu

17.9k5 gold badges89 silver badges109 bronze badges

answered Nov 26, 2019 at 7:50

robby dwi hartanto

4351 gold badge4 silver badges10 bronze badges

Collectives™ on Stack Overflow

Split url with JavaScript

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Linked

Related