AJAX将数据发布到PHP文件并重定向到同一文件以回显发布数据

时间:2014-11-10 00:38:22

标签: javascript php jquery ajax

我有一个包含用户名的一堆<a></a>元素的php文件。单击其中一个链接后,链接的data属性将被存储并通过AJAX发布到第二个php文件。但是,一旦我重定向到该文件,我发布的值就不会显示,而是出现错误:Undefined index userid

这是我的代码:

的index.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Post Test</title>
</head>
<body>

<a href="#" class="user-name" data-user-id="1" data-render-view="users.php">User 1</a>
<a href="#" class="user-name" data-user-id="2" data-render-view="users.php">User 2</a>
<a href="#" class="user-name" data-user-id="3" data-render-view="users.php">User 3</a>
<a href="#" class="user-name" data-user-id="4" data-render-view="users.php">User 4</a>
<a href="#" class="user-name" data-user-id="5" data-render-view="users.php">User 5</a>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$('.user-staff').on('click',function(){
  var userid = $(this).data('user-id');
  var renderView = $(this).data('render-view');

  $.ajax({
    url: "users.php",
    type: "POST",
    data: {userid:userid},
    success: function(data, textStatus, jqXHR){
      window.location = renderView;
    },
    error: function (jqXHR, textStatus, errorThrown){
      alert('Error!')
    }
  });
});

</script>
</body>
</html>

Users.php

<?php

$userIdExchanged = $_POST['userid'];

echo '<h1>user profile page</h1>';
echo $userIdExchanged; //Nothing is outputted here.

?>

2 个答案:

答案 0 :(得分:4)

是的,这确实发生了什么,基本上,第一步,您发送了一个ajax请求,发送了该值user-id

然后你重定向。这意味着您有两个单独的请求。

第一个请求成功了。重定向后(这里是第二个),你的值不再存在,因为第一个请求的数据没有持续存在。

我不知道你为什么要提出ajax请求。不妨正常提交表格。

但如果你真的想留在这个课程上,在第一个请求(ajax请求)上,你可以将它保存在会话中。

以便保存您发送的值。然后在重定向之后,您仍然可以访问它:

<script type="text/javascript">
// maybe you mean `.user-name` not `.user-staff`
$('.user-name').on('click',function(){

    var userid = $(this).data('user-id');
    var renderView = $(this).data('render-view');

    $.ajax({
        url: "users.php",
        type: "POST",
        data: { userid: userid, setid: true }, // add a flag
        success: function(data, textStatus, jqXHR){
            window.location = renderView;
        },
        error: function (jqXHR, textStatus, errorThrown){
            alert('Error!')
        }
    });
});
</script>

然后在PHP中:

<?php

session_start();
// if the set flag is used, set it
if(isset($_POST['setid'])) {
    $_SESSION['userid'] = $_POST['userid'];
}

// if no flag is set, then this will just continue and echo the value currently set
$userIdExchanged = $_SESSION['userid'];

echo '<h1>user profile page</h1>';
echo $userIdExchanged;

?>

答案 1 :(得分:0)

html标签中的类名是&#34; user-name&#34;但是你正在聆听&#34;用户 - 员工&#34;在你的.js。不确定这只是一个错字......

<a href="#" class="user-name" ......
$('.user-staff').on('click',function(){....