Question

I have a page with several user controls that use Ajax. When I try to do a response.redirect from this page, Ajax traps the call and does not allow the redirect.

How can I do a response.redirect from an Ajax page?

Thanks…

Answer 1

How much control over the AJAX actions do you have in the user controls? If you can modify the client side, the easiest thing to do is to return a JSON object that you can parse and send the URL that you want to redirect to as data. Once you get the data on the client, simply set window.location.href to the url.

With jQuery it would look something like:

$.ajax({
   url: '/some/url',
   dataType: 'json',
   type: 'post',
   data: $('form').serialize(),
   success: function(data) {
       if (data.Redirect) {
          window.location.href = data.Redirect;
       }
       else {
         ...handle other responses...
       }
   }
   ... more options...
});