创建一个表并在弹出窗口中填充它

Question

我有一个HTML文件。我想动态创建一个表，在弹出窗口中填充它。表数据将来自本地数据库。有人能告诉我如何处理这个问题吗？我是javascript的新手，所以非常感谢任何帮助。

谢谢，

Answer 1

如果您可以使用jQuery和Bootstrap，那么这将是一个很好的例子，两个库可以协同工作来帮助您。

如果是的话，

通过Ajax请求您的数据将是您最好的选择。查看jQuery $ .post（）方法。在内部，jQuery ajax实现有超过800行代码，以使其跨浏览器投诉。我建议使用其他开发人员的工作，而不是在没有jQuery的情况下编写ajax实现。

http://api.jquery.com/jQuery.post/

获得数据后，可以将其填充到带有View模板或JavaScript的表中。

如果你有一个bootstrap，一个css＆＃34;框架＆＃34;，你可以使用它来真正给你的表一个整洁的外观。为表元素分配类＆＃34;表＆＃34;和＆＃34;表条纹＆＃34;，这将使您的桌子整洁干净的外观。这是Bootstrap的文档，

http://twitter.github.com/bootstrap/base-css.html#tables

就弹出窗口而言，bootstrap提供的模态窗口非常容易实现用户友好的弹出窗口。

http://twitter.github.com/bootstrap/javascript.html#modals

如果您没有这些工具，那么我建议您使用它们或启动广告系列来使用这些工具。他们跨浏览器投诉，可以节省很多时间。

祝你好运！

Answer 2

您可能还会发现Knockout.JS http://knockoutjs.com/与先前的答案建议一起使用，以便在您通过jQuery的AJAX获取数据后帮助填充和操作表中的数据。