首页 > 技术文章 > AJAX导入JSON数据,并对表格增加序号

facenano 2021-03-30 15:46 原文

function indexprovinceInfo(){
      $.ajax({
        url: "./bad_ip_province",
        success: function(datas) {
          var data = datas["data"];

          var table = $("<table class='table odd min'></table>")
          table.append("<thead><tr><th>序号</th><th>省份</th><th>数量</th><th>TOP10</th></tr></thead>");
          for (var i = 0; i < data.length; i+=1) {
            var index = i + 1;
            var s = "<tr><td>"+index;
              s+= "</td><td>"+data[i]["targetProvince"];
              s+="</td><td>"+data[i]["count"];
              
              s+="</td><td><div style='max-width:400px;'>"+data[i]["count"] +"</div>";
              s+="</td></tr>"
            table.append(s);
          }

          var th = table.clone().addClass("table_head");
          var tb = table.clone().addClass("table_main");
          $("#data_province").html("").append(tb,th);

          // scrollTable(tb)
        },
        dataType: "json"
      });
    }
    indexprovinceInfo()
    // setInterval(indexsuspectedInfo, 1000);

 

推荐阅读