Question

I need to redirect user to another page called “free.php” from index page, if the user checked the check-box without url change using jquery. I have created an example here,

http://jsfiddle.net/jKHQe/

Here the check box is validating, but I couldn’t redirect to free.php.Though I am new to jquery and ajax, I couldn’t find the answer. what I need to change in my code?

Thanks!

Answer 1

Not possible to redirect using an $.ajax call unless you physically redirect in one of the handlers. But, that would defeat your intent of not changing the browser url.

The only ways to not change the browser’s URL is to:

• Incorporate an iframe and and change it’s source to free.php
• Handle the ajax call and inject the response into an element that is currently on the page.

---

Handle ajax and inject HTML response from free.php into the DOM:

$.ajax({
    type: "POST",
    url: "free.php",
    data: formdata,
    dataType : 'html',
    success : function(html) { $('div.result').html(html); }
});