Javascript 将JSON数据以表格格式附加到HTMLdiv元素

我有一个JSON格式的

{
    "0": "The keys on a keyboard are only clipped on ",
    "1": " Make sure the keyboard/mouse is firmly plugged into ...",
    "2": "Try restarting your computer. Wait a few seconds and the...",
    "3": "Some string..." 
}

我想把它转换成HTML表格。与下图完全相同。 转换应该用javascript实现不是Python

编辑： 我曾尝试使用

        var result;

        $("#btn").click(function() {

            console.log($("#query").val())
        var result = $.ajax({
            type: "POST",
            url: eva_url,
            data:JSON.stringify({
                "query": $("#query").val(),
            }),  
            success: function(data) {
                console.log(data)
                $('#output').html('');
                $("#output").append(data[0]);
                $("#output").append(data[1]);
                $("#output").append(data[2]);
                $("#output").append(data[3]);

但是，字符串被连接成一个大段落，这是不需要的。

您可以尝试这样做

$（文档）.ready（函数（）{
var p={
“0”：“键盘上的键仅被夹持”，
“1”：“确保键盘/鼠标牢固插入…”，
“2”：“尝试重新启动计算机。请稍等几秒钟，然后…”，
“3”：“一些字符串…”
};
for（p中的var键）{
如果（p.hasOwnProperty（键））{
$（.toAdd”）.append（“+key+”+p[key]+”）；
}
}
});
td，
th{
边框：1px纯黑；
文本对齐：居中；
}
格雷先生{
背景色：#C0；
}

第1栏
第2栏
您可以试试这个


$（文档）.ready（函数（）{
var p={
“0”：“键盘上的键仅被夹持”，
“1”：“确保键盘/鼠标牢固插入…”，
“2”：“尝试重新启动计算机。请稍等几秒钟，然后…”，
“3”：“一些字符串…”
};
for（p中的var键）{
如果（p.hasOwnProperty（键））{
$（.toAdd”）.append（“+key+”+p[key]+”）；
}
}
});
td，
th{
边框：1px纯黑；
文本对齐：居中；
}
格雷先生{
背景色：#C0；
}

第1栏
第2栏
您可以尝试以下方法：


var obj={“0”：“键盘上的键只会被剪断”，
“1”：“确保键盘/鼠标牢固插入…”，
“2”：“尝试重新启动计算机。请稍等几秒钟，然后…”，
“3”：“一些字符串…”
var html=''
Object.entries（obj.forEach）（函数（v）{
html++=''+'+v[0]+'+'+v[1]+'+'+''
});
html+=''
document.getElementById（'container'）。innerHTML=html
您可以尝试以下方法：


var obj={“0”：“键盘上的键只会被剪断”，
“1”：“确保键盘/鼠标牢固插入…”，
“2”：“尝试重新启动计算机。请稍等几秒钟，然后…”，
“3”：“一些字符串…”
var html=''
Object.entries（obj.forEach）（函数（v）{
html++=''+'+v[0]+'+'+v[1]+'+'+''
});
html+=''
document.getElementById（'container'）。innerHTML=html
好的，你试过什么吗？如果是这样，请分享您的尝试和您遇到的任何问题。你至少应该先尝试自己做这件事。到目前为止你尝试了什么？请更新你的问题，以显示你已经尝试了什么，并展示你在一个问题中面临的具体问题。欲了解更多信息，请参阅，并阅读。我已编辑了摘要。请检查它您也可以尝试-
var html=Object.entries（obj）.reduce（（a，b）=>{return a+=“”+b[0]+“”+b[1]+“”；}，”；html=”“+html+”$（#output'）.html（html）好的，你试过什么吗？如果是这样，请分享您的尝试和您遇到的任何问题。你至少应该先尝试自己做这件事。到目前为止你尝试了什么？请更新你的问题，以显示你已经尝试了什么，并展示你在一个问题中面临的具体问题。欲了解更多信息，请参阅，并阅读。我已编辑了摘要。请检查它您也可以尝试-
var html=Object.entries（obj）.reduce（（a，b）=>{return a+=“”+b[0]+“”+b[1]+“”；}，”；html=”“+html+”$（#output'）.html（html）谢谢工作得很有魅力：）没问题。祝你好运：）谢谢工作得很有魅力：）没问题。祝你好运：）谢谢。它在牙缝里起作用。它也起作用了