|
@@ -1,39 +1,57 @@
|
|
|
// ganggeceshi.js
|
|
|
-
|
|
|
-function Init(){
|
|
|
+
|
|
|
+function Init() {
|
|
|
search();
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
-function search(){
|
|
|
- $.post(
|
|
|
- getProviderUrl("ganggetest"),
|
|
|
- {date: '2020.6.9'},
|
|
|
- function (data) {
|
|
|
- Canvas(data.datas);
|
|
|
- }
|
|
|
- , 'json');
|
|
|
+function search() {
|
|
|
+ $.post(
|
|
|
+ getProviderUrl("ganggetest"),
|
|
|
+ { date: '2020.6.9' },
|
|
|
+ function (data) {
|
|
|
+ Canvas(data.datas);
|
|
|
+ }
|
|
|
+ , 'json');
|
|
|
}
|
|
|
|
|
|
-function Canvas(data){
|
|
|
+function Canvas(data) {
|
|
|
+
|
|
|
+ // $("#glable").text(data);
|
|
|
+ createTable(data);
|
|
|
|
|
|
-// $("#glable").text(data);
|
|
|
- var table=document.createElement("table");
|
|
|
- var thead= table.createTHead();
|
|
|
- var tr = thead.insertRow();
|
|
|
- for(var key in data[0]){
|
|
|
- tr.insertCell().innerHTML=key;
|
|
|
+}
|
|
|
+
|
|
|
+function createTable(data) {
|
|
|
+ var rows = data.length;
|
|
|
+ var cols = data[0].length;
|
|
|
+ var $tab = $("<table draggable=true></table>"); //创建表格table元素
|
|
|
+
|
|
|
+ var $th = $("<tr></tr>"); // 创建表头行
|
|
|
+ for (var key in data[0]) {
|
|
|
+ var $thcell = $("<td></td>");
|
|
|
+ $thcell.html(key);
|
|
|
+ $th.append($thcell);
|
|
|
}
|
|
|
- var tbody=table.createTBody();
|
|
|
- for(var i=0;i<data.length;i++){
|
|
|
- var tr=tbody.insertRow();
|
|
|
- for(var key in data[i]){
|
|
|
- tr.insertCell().innerHTML=data[i][key];
|
|
|
- }
|
|
|
+ $tab.append($th); // 添加表头
|
|
|
+
|
|
|
+ for (var j = 0; j < rows; j++) {
|
|
|
+ //创建表格tr行元素
|
|
|
+ var $tr = $("<tr></tr>");
|
|
|
+ for (var key in data[j]) {
|
|
|
+ //创建td单元格元素
|
|
|
+ var $td = $("<td></td>");
|
|
|
+ $td.html(data[j][key]);
|
|
|
+ //将td单元格添加到表格行tr上
|
|
|
+ $tr.append($td);
|
|
|
+ }
|
|
|
+ //将tr表格行添加到table表格上
|
|
|
+ $tab.append($tr);
|
|
|
}
|
|
|
-
|
|
|
+ //将创建好的整个table挂载到div上
|
|
|
+ $("#tab").append($tab);
|
|
|
+ $("#tab").append("<br/>");
|
|
|
}
|
|
|
-
|
|
|
$(Init()); // 初始化
|
|
|
|
|
|
|