gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 03:02:02 26 4
gpt4 key购买 nike

我使用以下函数在 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 格式。我尝试实现这些帖子中的代码( Parsing JSON objects for HTML tableConvert json data to a html table ),但我得到 [object, Object]在文本区域。有没有办法将json转换为表。

在 URL 文本区域中我得到

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

相反,我希望得到

enter image description here

最佳答案

您应该遍历数据并将其以表格格式打印。首先,确保 id 为 dJson 的元素是 <table>元素。然后,您可以更改您的 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;
}

这里有一个工作示例(没有 $.post 调用): https://jsfiddle.net/cLbqmwa4/

关于javascript - 在 javascript/JQuery 中将 json 转换为 html 表输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47338580/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com