change URL using javascript Jquery

Question

I'm trying to change the URL in the address bar using javascript. So if the user access the page using

www.example.com/ajax/project8.html

Url should be changed automatically to

www.examp.com/#cbp=ajax/project8.html

possible duplicate of How can I make a redirect page in jQuery/JavaScript? — MackieeE
– MackieeE, Commented Apr 14, 2014 at 10:01

adrichman · Accepted Answer · 2014-04-14 05:05:10Z

5

shouldn't be any harder than this:

window.location = "http://whatever.you.want.com"

answered Apr 14, 2014 at 5:05

adrichman

1,23510 silver badges17 bronze badges

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

1 Comment

nfo Over a year ago

i think the challenge is todo this without page refresh

Merlin · Accepted Answer · 2014-04-14 09:58:41Z

4

UPDATE

So you want your site to redirect to another page when the url is www.example.com/ajax/project.aspx?id=whatever and id=xxx could be any id.

To achieve that you need a function that returns the query string parameter value eg:id=whatever

Then check if the current url needs to be redirected to another page. If this is the case then redirect to new url with same parameter value.

        /*
        function that returns a query string parameter value
        this function works with many parameters
        Eg: www.example.com/#cbp=ajax/project.aspx?myParam=hello&id=1283&otherParam=234
        to get the param value just give it the parameters name
        getQueryStringValue("id") returns : 1283
        getQueryStringValue("myParam") returns : "hello"
        */
        function getQueryStringValue( name ){
          name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
          var regexS = "[\\?&]" + name + "=([^&#]*)";
          var regex = new RegExp( regexS );
          var results = regex.exec( window.location.href );
          if( results == null )
            return "";
          else
            return results[1];
        }

        //current url 
        var currentUrl = location.href;

        //check if current url contains www.example.com/ajax/project.aspx
        if (currentUrl.indexOf("www.example.com/ajax/project.aspx") != -1 ){

            //new url for redirection
            var newUrl = "www.example.com/#cbp=ajax/project.aspx?id=" + getQueryStringValue( "id" );

            //redirect to new page
            location.href = newUrl;


        }

edited Apr 14, 2014 at 9:58

answered Apr 14, 2014 at 5:08

Merlin

4,9252 gold badges35 silver badges53 bronze badges

3 Comments

Jay M Over a year ago

project8.html is a page from bunch of other pages that i want to change the url for, sorry for the inconvenience but think of it as project.aspx?id=8

Merlin Over a year ago

Sorry I don't understand what you want.. ? Explain your problem more precisely please.. You want to change the url for many pages ?

Jay M Over a year ago

yes, i want to redirect user from www.example.com/ajax/project.aspx?id=xxx to www. example.com/#cbp=ajax/project.aspx?id=xxx

Sachin Jain · Accepted Answer · 2014-04-14 05:11:23Z

2

Try this code

if (window.location.href == 'www.example.com/ajax/project8.html') {
  window.location = 'www.examp.com/#cbp=ajax/project8.html';
}

answered Apr 14, 2014 at 5:11

Sachin Jain

21.9k34 gold badges113 silver badges177 bronze badges

Comments

Rituraj ratan · Accepted Answer · 2014-04-14 05:22:24Z

1

you can set all things like

window.location.href = "www.examp.com/#cbp=ajax/project8.html"

for more details how you will manage all url parameter then please see

JavaScript and jQuery url managment

answered Apr 14, 2014 at 5:22

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

Comments

vsnahar · Accepted Answer · 2014-11-27 07:33:56Z

1

window.location.href = "#cbp=ajax/project8.html";

you can change the value written after # to any location , div id etc. e.g window.location.href = "#myDivID";

edited Nov 27, 2014 at 7:33

answered Nov 25, 2014 at 7:34

vsnahar

773 bronze badges

1 Comment

Vipul Hadiya Over a year ago

super like to this answer. I want exactly this

airi · Accepted Answer · 2014-04-14 05:11:12Z

0

<meta http-equiv="refresh" content="0; url=http://example.com/" />

Note: please put on header

or

<script type="text/javascript">
 window.location.assign("http://www.example.com")
</script>

edited Apr 14, 2014 at 5:11

answered Apr 14, 2014 at 5:05

airi

5856 silver badges22 bronze badges

Collectives™ on Stack Overflow

change URL using javascript Jquery

6 Answers 6

1 Comment

3 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

3 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related