jQuery의 JSON은 테이블 데이터 코드를 동적으로 가져옵니다.

/*双击展开关闭*/
함수 dbClick(obj) {
if($(obj).next().is(":hidden")) {
$(obj).next().show();
} 그렇지 않으면 {
$(obj).next().hide();
}
};
$(함수() {
$("#mainTable thead").next().empty();
변수 k = 0;
$.getJSON("revenue.json", 함수(데이터) {
$.each(data, function(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "<tr class='mainTr warning' ondblclick='dbClick(this)'><td>" + mainTable.incomeUnit + "</td><td>" + mainTable.firm + "</td><td>" + mainTable.number + "</td><td>" + mainTable.instructionType + "</td><td>" + mainTable.dept + "</td><td>" + mainTable.totalPrice + "</td></tr>";
$("#mainTable").append(mainTrObj);
/*支ute单位表头*/
var haveChild = data[k].child.length;
if(haveChild == 0) {
var nullHead = "<tr><td colspan='5' align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} 그렇지 않으면 {
var smallTit = "<tr><td colspan='6'><table id='smallTable" + k + "' class='테이블 압축 테이블 smallTable'><tr id='smallTr" + k + "' 클래스='성공'><td>支出结算单位</td><td>수량</td><td>支take价格</td><td>费용类型</td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支take单位遍历*/
var numnerSum = 0;
var 가격합계 = 0;
var 불안정 = 0;
var child = data[k].child;
for(var j = 0; j < haveChild; j++) {
numnerSum = numnerSum +parseInt(child[j].number);
가격Sum = 가격Sum +parseFloat(child[j].price);
가격Sum = Math.round(priceSum * 100) / 100;
불안전 = parsFloat(mainTable.totalPrice) - 가격Sum;
unsettled = Math.round(unsettled * 100) / 100;
var smallTrObj = "<tr class='smallTr'><td>" + child[j].expendUnit + "</td><td>" + child[j].number + "</td><td>" + child[j].price + "</td><td colspan='2'>" + child[j].type + "</td></tr>";
$("#smallTr" + k).after(smallTrObj);
/*计算数weight、价格、未结费*/
}
/*소운동*/
var totalTrObj = "<tr class='danger'><td>소계</td><td>" + numnerSum + "</td><td> + "< /td> ;<td align='center'>미납 수수료     " + 미정산 + "</td></tr>";
$("#smallTable" + k).append(totalTrObj);
console.log(priceSum);
console.log("미정산 수수료" + 미정산);
ㅋ++;
});
});

테이블 데이터를 동적으로 가져오는 jQuery JSON 코드는 json 테이블을 호출하여 데이터를 동적으로 가져오는 jQuery 함수입니다. 테이블 행을 두 번 클릭하면 테이블이 모두 접히고 닫힙니다.