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

我现在有两个标签，用户可以点击，从他们的更新配置文件页面和上传媒体页面，他们可以上传图片等。我想让用户更容易，因此当他们单击更新配置文件时，它会将名为user_upanel的mysql布尔列更新为1，然后单击upload media将更新为0，这样当页面刷新或返回时，他们留下的页面仍然是最上面的页面。如何使用jquery实现这一点，还是应该使用ajax？我假设我应该添加一个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);
        ?>
    }
});

---

您可以像下面的示例中那样使用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:

JS:

<?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);
}
?>

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