Javascript 在ajax上设置背景色,在mysql上设置条件值
我只想在mysql数据中显示2种颜色的按钮和考虑状态 如果状态=1,按钮颜色=绿色 如果状态=2,按钮颜色=红色 这是我的按钮代码Javascript 在ajax上设置背景色,在mysql上设置条件值,javascript,mysql,ajax,Javascript,Mysql,Ajax,我只想在mysql数据中显示2种颜色的按钮和考虑状态 如果状态=1,按钮颜色=绿色 如果状态=2,按钮颜色=红色 这是我的按钮代码 <?php $query1 = mysqli_query($connect,"SELECT * FROM smt WHERE no <= 15"); while ( $data=mysqli_fetch_array($query1)){ $nostation =
<?php
$query1 = mysqli_query($connect,"SELECT * FROM smt WHERE no <= 15");
while ( $data=mysqli_fetch_array($query1)){
$nostation = $data['no'];
$namastation = $data['name'];
$status = $data['status'];
?>
<div class='col-xs-2-2'>
<form method='post'>
<input type="hidden" value="2" id="status_<?=$nostation;?>" name="status">
<button type="submit" id="button_<?=$nostation;?>" data-id="<?=$nostation;?>" style="width:140px; height:75px; margin : 2px; border-radius:10%;"><b style="font-size:15px; color: #fff; font-family:Calibri;"><?php echo $namastation ?></b></button>
</form>
</div>
<?php } ?>
您可以使用。每个
循环迭代表单,然后检查状态
输入是否有值1
或2
,具体取决于此addClass
或者红色
或者绿色
,在此添加您从db获得的状态值,即:您正在将所有以按钮
开头的按钮id设置为红色,您期望得到什么?。使用循环您的收藏。每个循环并相应设置颜色。。。或者更好的是,已经在CSS的外部样式表上指定了CSS。@StackSlave是的,我设置了它的id,因为它有多个按钮,我必须将按钮id设置为随while函数自动递增。。我曾尝试使用php css使用if条件设置颜色,但它只需刷新页面即可工作。@akutok我看到一个近似卷曲的bruces“您在这里试图实现什么?如果刷新页面,它为什么会工作?”?我没有看到任何$\u POST
,$\u GET
,或$\u SESSION
变量。您需要知道的是,在将任何内容发送到浏览器之前,PHP在服务器上执行。当页面加载时,服务器和浏览器代码都会执行fresh。记住这一点,并学会使用XMLHttpRequest
。很抱歉,我在其他文件中发布了$\u帖子。。这将一个值发布到数据库中,该数据库的表id(nostation)与id=“button\ux”相同。。它可以使用ajax而不刷新页面,只需单击按钮..它对我不起作用,但谢谢什么不起作用?你有什么错误吗?请详细说明
<script type="text/javascript">
$(document).ready(function(){
$("[id^=button_]").css("background-color", "Red");
});
</script>
<script>
$(document).ready(function(){ //when DOM is Ready.
$("[id^=button_]").click(function () { //when Button is Clicked.
var id = $(this).data('id'); // Get the ID of the button that was clicked on.
var status = $("#status_"+id).val(); // value from `input` which is connected the clicked button.
// console.log(id+"---"+name);
$.ajax({ // AJAX request
url: 'coba1.php', // send request to server.
method: 'POST', // method is POST.
data: { //data which is sent to server.
id: id,status: status
},
function (data) { //success function called.
// alert success data.
}
});
});