Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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表中显示JSON文件数据_Javascript_Html_Jquery_Json - Fatal编程技术网

未使用javascript在html表中显示JSON文件数据

未使用javascript在html表中显示JSON文件数据,javascript,html,jquery,json,Javascript,Html,Jquery,Json,我有一个名为detail.JSON的JSON文件,如下所示 {"name":"bhanu","constituency":"vizag","party":"bjp"}, {"name":"nithya","constituency":"godavari","party":&quo

我有一个名为detail.JSON的JSON文件,如下所示

{"name":"bhanu","constituency":"vizag","party":"bjp"},
{"name":"nithya","constituency":"godavari","party":"bjp"}
我想把它显示为一个HTML表格,我已经写了这个

<table id="deets">
      <tr>
        <th>Name</th>
        <th>const</th>
        <th>party</th>
      </tr>
    </table>
<script type="text/javascript">
  $(document).ready(function(){
    $.getJSON("detail.json",function(data){
        var det = '';
        $.each(data,function(key,value){
           det +='<tr>';
           det +='<td>'+value.name+'</td>';
           det +='<td>'+value.constituency+'</td>';
           det +='<td>'+value.party+'</td>';
           det += '</tr>';

        });
        $('#deets').append(det); 
    });
  });

</script>

名称
常数
聚会
$(文档).ready(函数(){
$.getJSON(“detail.json”,函数(数据){
var det='';
$。每个(数据、函数(键、值){
det+='';
det+=''+值。名称+'';
det+=''值。选区+'';
det+=''值。第三方+'';
det+='';
});
$('deets')。追加(det);
});
});
但是当我打开它时,只会显示表头,而不会从JSON文件解析数据。 这段代码有什么错误,可能是什么问题?
我已经试过很多次了。

代码本身看起来还行,所以-控制台中是否有任何错误消息?您可以添加一些
console.log()
语句来查看代码的执行情况吗?您确定AJAX调用中的代码是否正在执行吗?@Vilx-我在JSON文件中添加了方括号,但现在的问题是,如果我使用html表单将数据添加到JSON文件中,数据将被添加到括号之外。我能做些什么?@nidhi_1729请用新问题更新问题,或创建一个新问题,包括用于“使用html表单将数据添加到json文件”的代码细节