未使用javascript在html表中显示JSON文件数据
我有一个名为detail.JSON的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
{"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文件”的代码细节