Javascript 在ajax上设置背景色,在mysql上设置条件值

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 =

我只想在mysql数据中显示2种颜色的按钮和考虑状态 如果状态=1,按钮颜色=绿色 如果状态=2,按钮颜色=红色

这是我的按钮代码

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