ganggeceshi.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. // ganggeceshi.js
  2. function Init() {
  3. search();
  4. }
  5. function search() {
  6. $.post(
  7. getProviderUrl("ganggetest"),
  8. { date: '2020.6.9' },
  9. function (data) {
  10. Canvas(data.datas);
  11. }
  12. , 'json');
  13. }
  14. function Canvas(data) {
  15. // $("#glable").text(data);
  16. createTable(data);
  17. }
  18. function createTable(data) {
  19. var rows = data.length;
  20. var cols = data[0].length;
  21. var $tab = $("<table draggable=true></table>"); //创建表格table元素
  22. var $th = $("<tr></tr>"); // 创建表头行
  23. for (var key in data[0]) {
  24. var $thcell = $("<td></td>");
  25. $thcell.html(key);
  26. $th.append($thcell);
  27. }
  28. $tab.append($th); // 添加表头
  29. for (var j = 0; j < rows; j++) {
  30. //创建表格tr行元素
  31. var $tr = $("<tr></tr>");
  32. for (var key in data[j]) {
  33. //创建td单元格元素
  34. var $td = $("<td></td>");
  35. $td.html(data[j][key]);
  36. //将td单元格添加到表格行tr上
  37. $tr.append($td);
  38. }
  39. //将tr表格行添加到table表格上
  40. $tab.append($tr);
  41. }
  42. //将创建好的整个table挂载到div上
  43. $("#tab").append($tab);
  44. $("#tab").append("<br/>");
  45. }
  46. $(Init()); // 初始化