How To Redirect To Another Url Using JavaScript In MVC Page

Question

I know this has been asked before both on here and elsewhere, but everything I've tried and read is still failing for me.

I have (so far) tried the following inside a method I am successfully calling:

    window.location.href = "http://www.google.co.uk";
    window.location.replace = "http://www.google.co.uk";
    window.location = "http://www.google.co.uk";
    window.navigate = "http://www.google.co.uk";
    location.replace("http://www.google.co.uk");
    window.location.assign("http://www.google.co.uk");
    self.location = "http://www.google.co.uk";
    top.location = "http://www.google.co.uk";
    location.assign("http://www.google.co.uk");

This is inside a method I am calling from a button:

<button class="btn btn-default" id="SaveAndExit" onclick="saveAndExit();">GO TO GOOGLE</button>

This should be straightforward for something I've broken down so simple, but my screen just refreshes without navigating to the URL I specify.

What can't I see please?!

Try with setting type="button" of button, apart from that it should work — Satpal
– Satpal, Commented Dec 21, 2016 at 12:37
Is this button in a form that's being submitted? When you debug this, what is actually happening? Is the redirect line of code being reached? What network requests are being made? — David
– David, Commented Dec 21, 2016 at 12:39
for better testing please use console.log('Go') before ` window.location.href = "google.co.uk";` . I think your code not reaching this line. — Aabir Hussain
– Aabir Hussain, Commented Dec 21, 2016 at 12:46

meskobalazs · Accepted Answer · 2016-12-21 12:39:53Z

3

The default type of a HTML button is submit, in this case onclick does not run, use

<button type="button" class="btn btn-default" id="saveAndExit" onclick="saveAndExit()">

answered Dec 21, 2016 at 12:39

meskobalazs

16.1k2 gold badges44 silver badges63 bronze badges

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

Comments

locropulenton · Accepted Answer · 2016-12-21 12:42:27Z

2

You should have an <input type="button"> instead of a button component.

So your button should look like:

<input type="button" class="btn btn-default" id="SaveAndExit" onclick="saveAndExit();">GO TO GOOGLE</button>

answered Dec 21, 2016 at 12:42

locropulenton

4,8533 gold badges35 silver badges58 bronze badges

Collectives™ on Stack Overflow

How To Redirect To Another Url Using JavaScript In MVC Page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related