目前我有两个选项卡,用户可以点击,从他们的更新个人资料页面和上传媒体页面,他们可以上传图片等。我想让用户更容易,所以当他们点击更新个人资料,然后更新mysql布尔列称为"user_upanel“为1,并点击上传媒体将更新为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);
?>
}
});
发布于 2018-08-15 06:47:11
您可以使用如下示例中的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>
https://stackoverflow.com/questions/51850606
复制相似问题