Fatal编程技术网
  • javascript/
  • Javascript 为什么我不能动态绘制表格？我怎样画桌子？

Javascript 为什么我不能动态绘制表格？我怎样画桌子？

javascript html database debugging jquery

Javascript 为什么我不能动态绘制表格？我怎样画桌子？,javascript,html,database,debugging,jquery,Javascript,Html,Database,Debugging,Jquery,读者们 背景： 我有一个html页面，上面有一个提交按钮。单击此按钮后，将转到servlet并从我的数据库中获取前10行数据。然后通过ajax调用将这些数据返回到javascript。这一切都有效。我可以在javascript中看到json格式的数据 问题: 返回数据后，它将转到名为generatethetable的方法。但该表从未显示在我的html页面上。我试着跟着这个演示。调用此方法后，如何绘制表格？演示中的方法在我提供的链接中也不起作用 function createTable(resul

读者们

背景： 我有一个html页面，上面有一个提交按钮。单击此按钮后，将转到servlet并从我的数据库中获取前10行数据。然后通过ajax调用将这些数据返回到javascript。这一切都有效。我可以在javascript中看到json格式的数据

问题: 返回数据后，它将转到名为generatethetable的方法。但该表从未显示在我的html页面上。我试着跟着这个演示。调用此方法后，如何绘制表格？演示中的
方法在我提供的链接中也不起作用

function createTable(result)
    {
        var length = result.jsonList.length;
        var tablecontents = "";
        console.log(length);
        tablecontents="<table>";
        for(var i = 0; i < length; i++)
        {
            tablecontents += "<tr>"
            tablecontents += "<td>" + result.jsonList[i].Id + "</td>"
            tablecontents += "</tr>"
            console.log(result.jsonList[i].Id);
        }
        tablecontents="</table>";
        document.getElementById("tablespace").innerHTML = tablecontents;

    }
所以我有数据。但是，没有在我的htmlpage上绘制数据库。以下是相关的HTML代码：

<body>

  <form id = "submitTable" method="post">


        <center><input id="getTable" type="button" value="Table"></center>  
        <div id="tablespace"></div>

 </form>
</body>
它不起作用了吗？奇怪的是，当我在chrome上运行并查看源代码时。我看html没有错误。所以我不知道我做错了什么

问题是：

    tablecontents="</table>";
    document.getElementById("tablespace").innerHTML = tablecontents;

tablecontents=”“；
document.getElementById（“表空间”）.innerHTML=tablecontents；
您将“tablecontents”设置为仅为
标记。应该是：

    tablecontents += "</table>"; // += not =
    document.getElementById("tablespace").innerHTML = tablecontents;

tablecontents+=”；//++=不是=
document.getElementById（“表空间”）.innerHTML=tablecontents；

tablecontents+=”
代替
tablecontents=“”
我需要这个表格。把div放在表格之外会有帮助吗？你先回答了这个问题，所以我给了学分。非常感谢你。那是一个微妙的错误。魔鬼确实在细节中。我给了+代表回答。非常感谢。 
    tablecontents="</table>";
    document.getElementById("tablespace").innerHTML = tablecontents;

    tablecontents += "</table>"; // += not =
    document.getElementById("tablespace").innerHTML = tablecontents;