php - Using jQuery AJAX to redirect user on button click

admin管理员组
文章数量:1026989

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

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:"); ?>

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';

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");

本文标签： phpUsing jQuery AJAX to redirect user on button clickStack Overflow

版权声明：本文标题：php - Using jQuery AJAX to redirect user on button click - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：http://it.en369.cn/questions/1745661859a2161939.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

369IT编程

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

4 Answers 4

4 Answers 4

更多相关文章