php - Using jQuery AJAX to redirect user on button click

I am new to jQuery AJAX function. I want to redirect my user to a webpage when he clicks a button. Please do not tell me to target the button to the webpage as I have to do some working in the php file... My current code is :-

TEST.html file :-

<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("test2.php");
  });
});
</script>
</head>

<button>Get External Content</button>
<div id="div1"></div>

</html>

Now my test2.php file is the following :-

<?php header("Location:"); ?>

I am a beginner in AJAX jQuery. So, please do not downvote my post although it may sound silly. My code, for obvious reasons is not working. Please help me. Thanks in advance. Any help will be appreciated.

TEST.html file :-

<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("test2.php");
  });
});
</script>
</head>

<button>Get External Content</button>
<div id="div1"></div>

</html>

Now my test2.php file is the following :-

<?php header("Location:http://google."); ?>

Share Improve this question asked Jul 1, 2013 at 17:16 h2O 5441 gold badge15 silver badges38 bronze badges

Add a ment |

4 Answers 4

Sorted by: Reset to default 1

You cant redirect with an AJAX call. You can either create a simple link or link to a PHP page which then redirects the user on. Using AJAX will only let you manipulate this page you are on.

Of course, you can always redirect with simple Javascript as well.

window.location = '/my_url.php';

EDIT: In response to your ment question, what I would do is use the .get() function with the data parameter, check what has been returned from the PHP page if server side validation is required and then if I am happy with the result, redirect.

If no server side validation is needed, there is no need for AJAX.

Look at it this way: AJAX is requesting and reading the .php file. When AJAX sees the header("Location: ...") line, it redirects the AJAX request. Put simply, AJAX can't be used for redirects.

You can use the plete callback to redirect the user after the AJAX query has pleted like so:

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("test2.php", 
      plete: function(){
        window.location = 'http://new_url';
      }
    );
  });
});

That being said if you just want to redirect a user on a button click there are better ways to do that.

$("#div1").load("test2.php");

appends the contents which are returned from test2.php , it will not redirect. The test2.php should return a link and populate the div with the link. Then write a callback on ajax success which will redirect using window.location = target , the target being the link which was dynamically loaded in the div1

发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745661861a4638885.html

php - Using jQuery AJAX to redirect user on button click - Stack Overflow

4 Answers 4

发表回复

评论列表（0条）

联系我们

400-800-8888

php - Using jQuery AJAX to redirect user on button click - Stack Overflow

4 Answers 4

相关推荐