最简单的按钮高亮显示（js+html）

最新推荐文章于 2024-07-19 12:58:53 发布

JagTom

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量851

点赞数 1

分类专栏：项目踩坑文章标签： javascript html html5

本文链接：https://blog.csdn.net/m0_46845579/article/details/127172862

版权

项目踩坑专栏收录该内容

7 篇文章 0 订阅

订阅专栏

 document.getElementById("query4").style.background="#AFEEEE";

      <div class="btns">
        <ul>
          <li id="query1">网站流量</li>
          <li id="query2">数据统计</li>
          <li id="query3" onclick="showBusinessList()">管理商家</li>
          <li id="query4" onclick="showUserList()">管理普通用户</li>
        </ul>
      </div>

  function showUserList() {
    document.getElementById("query1").style.background="#ffffff";
    document.getElementById("query2").style.background="#ffffff";
    document.getElementById("query3").style.background="#ffffff";
    document.getElementById("query4").style.background="#AFEEEE";
    $.ajax({
      url: "/admin/allUser",
      type: "GET",
      dataType: "JSON",

      success: function (json) {
        $('.table_node').empty();//清空
        //
        console.log(json.data);
        var users=json.data;
        $.each(users,function (index,n){  //index是索引，n是索引处的值
          var user="<tr>"+"<td>"+users[index].uid+"</td>"
                  +"<td>"+users[index].username+"</td>"
                  +"<td>"+users[index].phone+"</td>"
                  +"<td>"+users[index].email+"</td>"
                  +"<td>"+users[index].gender+"</td>"
                  // +"<td>"+users[index].avatar+"</td>"
                  +"<td>"+
                  "<a href='javascript:delStudent(" + users[index].uid + ")'>删除</a>"+"  |  "+"<a href='javascript:editPerStudent(" + users[index].uid + ")'></a>"
          +"</td>"+"</tr>"
          $('.table_node').append(user);
          console.log(user);
        });
      }
    });
  }


  function showBusinessList() {
    document.getElementById("query1").style.background="#ffffff";
    document.getElementById("query2").style.background="#ffffff";
    document.getElementById("query4").style.background="#ffffff";
  document.getElementById("query3").style.background="#AFEEEE";

    $.ajax({
      url: "/admin/allBusiness",
      type: "GET",
      dataType: "JSON",
      success: function (json) {
        $('.table_node').empty();//清空

        //
        console.log(json.data);
        var users=json.data;
        $.each(users,function (index,n){  //index是索引，n是索引处的值
          var user="<tr>"+"<td>"+users[index].uid+"</td>"
                  +"<td>"+users[index].username+"</td>"
                  +"<td>"+users[index].phone+"</td>"
                  +"<td>"+users[index].email+"</td>"
                  +"<td>"+users[index].gender+"</td>"
                  // +"<td>"+users[index].avatar+"</td>"
                  +"<td>"+
                  "<a href='javascript:delStudent(" + users[index].uid + ")'>删除</a>"+"  |  "+"<a href='javascript:editPerStudent(" + users[index].uid + ")'></a>"
                  +"</td>"+"</tr>"
          $('.table_node').append(user);
          console.log(user);
        });
      }
    });
  }