单击链接时使用JQUERY和PHP更新mysql

时间:2018-08-14 22:32:25

标签: php jquery mysql

此刻,我有两个选项卡,用户可以在其更新个人资料页面和上传媒体页面之间单击,他们可以像图片一样上传。我想让用户更轻松,因此当他们单击更新配置文件时,它会将一个名为“ user_upanel”的mysql布尔值列更新为1,然后单击上载媒体将更新为0,以便刷新页面或返回页面时他们仍然是最首页。如何使用jquery来完成此操作,或者应该改用ajax?我假设我应该使用从Google搜索过的表单中添加表单的POST方法,但到目前为止尚未找到解决问题的方法。

到目前为止,如果我删除了if else语句,并且只有第一个php语句,那么我可以使mysql更新为1,但是现在,当我在制表符之间切换时,它不会更新为0。我认为我的代码尚可,但是我尝试了大声笑。

<ul class="tab-group">
    <li class="tab"><a href="#update">Update Profile</a></li>
    <li class="tab active"><a href="#upload">Upload Media</a></li>
</ul>


$(document).ready(function(){
    if($('.tab-group:first-child').hasClass('active')){
        <?php
        $db = mysqli_connect("localhost", "root", "", "accounts");
        $sql = "UPDATE users SET user_upanel = 1 WHERE user_username = '$user_username'";
        mysqli_query($db, $sql);
        ?>
    }else{
        <?php
        $db = mysqli_connect("localhost", "root", "", "accounts");
        $sql = "UPDATE users SET user_upanel = 0 WHERE user_username = '$user_username'";
        mysqli_query($db, $sql);
        ?>
    }
});

1 个答案:

答案 0 :(得分:1)

您可以像下面的示例一样使用ajax进行操作:

HTML:

   <ul class="tab-group">
      <li class="tab" data-tab="1"><a href="#update">Update Profile</a></li>
      <li class="tab" data-tab="2"><a href="#upload">Upload Media</a></li>
    </ul>


的PHP:

<?php
if(!empty($_POST["user_upanel"])){
  $db = mysqli_connect("localhost", "root", "", "accounts");
  $sql = "UPDATE users SET user_upanel = '".$_POST['user_upanel']."' WHERE user_username = '".$_POST['user_username']."'";
  mysqli_query($db, $sql);
}
?>


JS:

<script>
  $(document).ready(function(){
    $('.tab').click(function(){
      var user_upanel=$(this).data('tab');
      $.ajax({
        url:'your php file path',
        type:'post',
        data:{
          user_upanel:user_upanel,
          user_username:'foo'
        }
      })
    })
  }
</script>