在javascript/JQuery中将json转换为html表输出

我使用下面的函数在UI上获得JSON输出

$("#idvar").click(function(){
  var d1 = document.getElementById("dText");
  var d2 = document.getElementById("dJson");
  var mytext = d1.textContent;
  alert(mytext);
  $.post(
    url,
    {doc: mytext},
    function(data) {
      console.log(Object.keys(data).length);
      d2.textContent = data;
    }
  );
});

其中，

d1

显示上传的输入文档，

d2

显示在模型上处理文档生成的输出。目前，我正在获取json格式。我试图在这些帖子（，）中实现代码，但在文本区域中得到了

[object，object]

。是否有一种将json转换为表的方法

在我得到的URL文本区域中

 [{"tag":"a1","relevance":0.5},
  {"tag":"a2","relevance":0.3},
  {"tag":"c3","relevance":0.2},{"tag":"d3,
   ...

相反，我希望得到

---

您应该遍历数据并以表格格式打印。首先，确保id为

dJson

的元素是

元素。然后，您可以将

success

回调更改为如下内容：

function(data) {
  console.log(Object.keys(data).length);
  var html = '<tr><th>Tag</th><th>Relevance</th></tr>';
  for(var i=0; i<data.length; i++){
    html +=
      '<tr>' +
        '<td>' +
          data[i].tag +
        '</td>' +
        '<td>' +
          data[i].relevance +
        '</td>' +
      '</tr>'
    ;
  }
  d2.innerHTML = html;
}

功能（数据）{
console.log（Object.key（data.length））；
var html='TagRelevance'；
对于（var i=0；i选中这个例子@nikuncmnage，我尝试了这个例子，但它给出了[object，object]作为显示。在函数（数据）内部，创建了'tr'变量，与我们共享返回的JSON的外观。您可以通过更改
d2.textContent=data；
for
d2.textContent=JSON.stringify（数据）来查看它
@Piyin我添加了'plugin json2html'，并进行了转换，现在我得到的输出像是
a1（0.2）
a2（0.3）
使用的
$（'.#d2'）.html（json2html.transform（data，transform））；
其中
var transform={'：'li'，'html':'${tag}（${relevance}}；
是否可以从输出中删除这些标记
不起作用。因此，我将其更改为
div
以及
$（'#dJson'）.html（html）；
现在，它可以工作了，谢谢。看起来你的代码中有CSS问题，
应该可以正常工作。如果你检查JSFIDLE链接，你会看到它是如何与
一起工作的，但与
不一起工作的。无论如何，很高兴它对你有效，欢迎你