Question

我现在有一个功能齐全的html文件，它有很多内容，我想通过将表存储在一个单独的文件中来提高可读性。表格数据约为3,000行html。目前的结构是：

HTML：

<body>
    <!-- Lots of content -->

    <table>
        <!-- Lots of data -->
    </table>

    <!-- Other content -->

    <script>
        <!-- Set up as table as datatable (jQuery plug-in) -->
        <!-- Add dynamic formatting to table -->
    </script>
</body>

如何只需调用另一个包含所有数据的html文件来替换<table> ... </table>，这样我仍然可以将所有javascript内容都放到表中？

Answer 1

使用jQuery，您可以使用GET命令执行此操作，然后将其附加到您希望表格结束的正文中的div。

导入数据的代码如下所示：

    $.ajax(
    {url:"tabledata.html",
     dataType:"text"}).done(
     function(data){
        $('#id_of_div_to_append_to').html(data);
     });

此外，您需要添加div以在HTML中附加数据：

<body>
    <!-- Lots of content -->

    <div id = "id_of_div_to_append_to"></div>

    <!-- Other content -->

    <script>
        <!-- Set up as table as datatable (jQuery plug-in) -->
        <!-- Add dynamic formatting to table -->
    </script>
</body>

Answer 2

对于我的问题，这是一个非常复杂的解决方案，但如果你有时间学习Angular，我建议：

https://www.codeschool.com/courses/shaping-up-with-angular-js

Angular允许我使我的html更具可读性和动态性。

将html表导入html页面

2 个答案: