redirect to another page by JQuery

Question

I used jquery-1.8.0.min.js on my site and I need make redirect in some situations.

I was try this:

$('<div></div>').appendTo('body')
    .html('<div><h4>Some text....</h4></div>')
    .dialog({
        modal: true,
        title: 'Dialog title...',
        zIndex: 10000,
        autoOpen: true,
        width: 'auto',
        resizable: false,
        draggable: false,
        buttons: {
            Ok: function () {
                $(this).dialog("close");
                var loc = window.location;
                var currentURL = loc.protocol + '//' + loc.host + loc.pathname;

                var newUrl = loc.protocol + '//' + loc.host + 'Account/LogOn?ReturnUrl=' + urlencode(currentURL);
                $('<div style="dispaly:none;"></div>').appendTo('<body>').html('<a id="loginredirect" href="' + newUrl + ' "><br /></a>');
                $('#loginredirect').click();
            }
        },
        close: function (event, ui) {
            $(this).remove();
        }
    });

but this doesnt work :-( so i try this:

$('<div></div>').appendTo('body')
    .html('<div><h4>Some text....</h4></div>')
    .dialog({
        modal: true,
        title: 'Dialog title...',
        zIndex: 10000,
        autoOpen: true,
        width: 'auto',
        resizable: false,
        draggable: false,
        buttons: {
            Ok: function () {
                $(this).dialog("close");
                var loc = window.location;
                var currentURL = loc.protocol + '//' + loc.host + loc.pathname;

                var newUrl = loc.protocol + '//' + loc.host + 'Account/LogOn?ReturnUrl=' + urlencode(currentURL);
                $(window.location).attr('href', newUrl);
            }
        },
        close: function (event, ui) {
            $(this).remove();
        }
    });

but this doesnt work too...

Any idea where is the problem?

Thanks

EDIT 1: If i was trying window.location.hrej = newUrl, FF ErrorConsole show me this: NS_ERROR_MALFORMED_URI: Component returned failure code: 0x804b000a (NS_ERROR_MALFORMED_URI) [nsIDOMLocation.href] in localhost/Content/scripts/jquery-1.8.0.min.js

and browser dont redirect to newUrl in IE, FF and Chrome...

location object is not a DOM element and you cannot convert it to a jQuery object. — Ram
– Ram, Commented Sep 13, 2012 at 13:43
can you alert newUrl? my guess is, you need a / after the loc.host — karthikr
– karthikr, Commented Sep 13, 2012 at 13:48
karthikr: really thanks... I am stupid :-) ... a / was really missing... — Davecz
– Davecz, Commented Sep 13, 2012 at 13:54

Ram · Accepted Answer · 2012-09-13 13:44:38Z

5

You don't need a jquery for this , just try,

window.location.href = new_url;

edited Sep 13, 2012 at 13:44

Ram

145k16 gold badges174 silver badges201 bronze badges

answered Sep 13, 2012 at 13:41

Vivek S

5,5708 gold badges57 silver badges74 bronze badges

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

Comments

karthikr · Accepted Answer · 2012-09-13 13:57:18Z

1

newURL is missing a trailing / after loc.host

var newUrl = loc.protocol + '//' + loc.host + 'Account/LogOn?ReturnUrl=' + urlencode(currentURL);
window.location.href = newUrl;

answered Sep 13, 2012 at 13:57

karthikr

100k26 gold badges208 silver badges191 bronze badges

Comments

Nelson Benítez León · Accepted Answer · 2012-09-13 13:44:13Z

1

In your second example, replace this line:

$(window.location).attr('href', newUrl);

for this one

window.location.href = newUrl;

that should do what you want.

answered Sep 13, 2012 at 13:44

Nelson Benítez León

51.1k8 gold badges70 silver badges84 bronze badges

Collectives™ on Stack Overflow

redirect to another page by JQuery

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related