Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sql-server/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript函数没有';不显示html表格_Javascript_Html_Jquery_Json_Html Table - Fatal编程技术网

javascript函数没有';不显示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>

我尝试使用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>${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文件中,没有问题。它会调用它,而不仅仅是发布代码。解释错误以及如何修复它。我从服务器读取数据,当我收到警报时,会显示我的数据,但我的页面上仍然没有表格之类的内容