3

我的 jquery ajax 调用正在更新我的数据库，但它没有更新页面。我不清楚成功参数请帮忙

jQuery：

<script type="text/javascript">
   function changeStatus(userStatus,userId) {
      var getParameters = "userStatus = " + userStatus + "&userId = " + userId;
      $.ajax({
         type: 'GET',
         url: 'blogUsers.php',
         data: getParameters,
         success: function() {
         }
      });
   }
</script>

php:

<?php
   if( isset( $_GET['userId'] ) && isset( $_GET['userStatus'] ) ) {
      $userId = $_GET['userId'];
      $userStatus = $_GET['userStatus'];
      switch( $userStatus ) {
         case "1":
            $changeStatus=0;
            break;
         case "0":
            $changeStatus=1;
            break;
        default:
            $changeStatus="";
   }
   $Query = "UPDATE blog_users SET blog_user_status='$changeStatus' WHERE blog_user_id='$userId'";
   $Result = mysql_query( $Query );
}
?>

这是用户网格在页面上的显示方式：

function viewUsers() {
$Query="SELECT * FROM blog_users";
$Result=mysql_query($Query);
while ($row=mysql_fetch_array($Result)) {
    $userId=$row['blog_user_id'];
    $userName=$row['blog_user_name'];
    $userEmail=$row['blog_user_email'];
    $userStatus=$row['blog_user_status'];
?>
<tr><td><?php echo $userId; ?></td>
<td><?php echo $userName; ?></td>
<td><?php echo $userEmail; ?></td>
<td><?php if($userStatus==1){echo "Active";}else echo "Banned"; ?></td>
<?php
$action="";
switch($userStatus){
    case "1":
        $action="Ban User";

        break;
    case "0":
        $action="Activate User";
        break;
    default:
        $action="";
}
?>
<td><a href="#" onclick="changeStatus(<?php echo $userStatus; ?>,<?php echo $userId; ?>);"><?php echo $action; ?></a></td>
<?php } } ?>

这就是我调用函数的方式”

<td><a href="#" onclick="changeStatus(<?php echo $userStatus; ?>,<?php echo $userId; ?>);"><?php echo $action; ?></a></td>

thsi 是需要更新的部分：

<table class="tablesorter" cellspacing="0"> 
    <thead> 
        <tr> 
        <th class="header">userId</th> 
        <th class="header">userName</th> 
        <th class="header">userEmail</th>
        <th class="header">userStatus</th>
        <th class="header">Actions</th>                     
        </tr> 
    </thead> 
    <tbody> 
        <?php viewUsers(); ?>
    </tbody> 
</table>

实际上，$action变量应该在点击时更改为激活用户或 Bann 用户！

4

2 回答 2

2

您必须记住，jQuery 和 PHP 是完全相互独立的，并且仅在刷新之前更新数据库中的数据不会更新页面上的数据，因为 PHP 代码只会在页面第一次加载时运行，并且不是之后。您需要做的是success在 jQuery ajax 调用中使用您的方法。将您的 ajax 调用更改为

$.ajax({
    type:'GET',
    url:'blogUsers.php',
    data:getParameters,
    success:function(data, status, jqxhr) {
      ... set users in view here ...
    }
  });
}

你在这里从服务器返回什么格式的数据？是blogUsers.php返回 HTML，还是返回 JSON 用户数组？如果是 html，您可以简单地将响应函数的主体设置为

$(".tablesorter tbody").html(data)

但我假设您最有可能返回 JSON？

如果是，那么您需要从 success 方法中生成 HTML。像这样的东西应该工作：

$(".tablesorter tbody tr").remove();
$.each(data, function(user){
  $(".tablesorter tbody").append(
      $("<tr></tr>").append(
          $("<td></td>").append(
              $("<a></a>", {
                  href: "#",
                  onclick: "changeStatus(" + user.userStatus ", " + user.userId + ")",
                  text: user.action
              })
          )
      )
  )
})

此片段假定您的用户对象具有属性名称、userId、userStatus 和操作，并且用户响应只是用户对象的数组。

显然你会想要以你想要的格式构建 html，这只会生成

<tr>
    <td>
        <a href="#" onclick="updateStatus(status, id);">Action here</a>
    </td>
</tr>

但它让您大致了解它的工作原理

于 2013-06-24T00:24:26.340 回答
0

你几乎完成了所有的代码。我可以肯定的是，在通过 onclick 事件更新表之前执行了显示更新数据的代码的 php 代码。

尝试重新加载页面，如：

success:function() { //you will not have to pass any parameter 
                     on the function because you all done the show data in your `viewUsers()`.
  //your page here, e.g window.location.href: 'bla2.php';     
}
于 2013-06-24T01:57:59.693 回答