javascript函数没有';不显示html表格
我尝试使用java脚本创建一个html表javascript函数没有';不显示html表格,javascript,html,jquery,json,html-table,Javascript,Html,Jquery,Json,Html Table,我尝试使用java脚本创建一个html表 function CreateTable(data) { alert(data); /* 1 - Loop Through Array & Access each value 2 - Create Table Rows & append to table */ for (var i in data) { var row = `<tr> <td>
function CreateTable(data) {
alert(data);
/*
1 - Loop Through Array & Access each value
2 - Create Table Rows & append to table
*/
for (var i in data) {
var row = `<tr>
<td>${data[i].Billing_Count}</td>
<td>${data[i].Flag_Type}</td>
</tr>
`
var table = $("#table-body")
table.append(row)
}
}
函数CreateTable(数据){
警报(数据);
/*
1-通过数组循环并访问每个值
2-创建表行并附加到表
*/
用于(数据中的var i){
变量行=`
${data[i].计费计数}
${data[i].标志类型}
`
var table=$(“#表体”)
表.追加(行)
}
}
和我的html:
<div id="chartdiv">
<table id="our-table">
<thead>
<tr>
<th>میزان مصرف</th>
<th>نوع مشترک</th>
</tr>
</thead>
<tbody id="table-body">
</tbody>
</table>
</div>
میزان مصرف
نوع مشترک
我在js中使用了alert()
,查看我的数据是否可以读取,结果还可以。但在我的网页和表体的div中仍然没有结果。
我也没有具体的错误问题1:-在创建行时,您遗漏了end
tr
标记
第2期:-$(“表体”)-#
符号缺失
函数CreateTable(数据){
/*
1-通过数组循环并访问每个值
2-创建表行并附加到表
*/
用于(数据中的var i){
变量行=`
${data[i].计费计数}
${data[i].标志类型}
`
var table=$(“#表体”);
表.追加(行)
}
}
const data=[{计费计数:'Count1',标志类型:'Flap1'},
{计费计数:'Count2',标志类型:'Flap2'},
{计费计数:'Count2',标志类型:'Flap2'}]
创建表(数据)代码>
میزان مصرف
نوع مشترک
选择器中缺少一个#
$(“#表体”)
或文档。查询选择器(“#表体”)
将修复它
代码中有两个问题:
选择器中缺少id符号(#
),应该是$(“#表体”)
您必须使用
关闭该行
打字错误:您缺少$(“#表体”)
中的#
,
我修复了它,但仍然没有显示任何表格…如果您查看DevTools的“元素”选项卡,是否可以看到表格内容?嗯。。。不它甚至没有显示div:(那么你的问题不在于这个代码。是的,我已经解决了这个问题。但是仍然没有什么可以解决的display@Depie,您的代码没有显示如何调用函数!!!我只是用CreateTable(数据)对其进行了查询;在另一个js文件中,没有问题。它会调用它,而不仅仅是发布代码。解释错误以及如何修复它。我从服务器读取数据,当我收到警报时,会显示我的数据,但我的页面上仍然没有表格之类的内容