【问题标题】:How to add data to JSON via Datatables and Node.js?如何通过 Datatables 和 Node.js 向 JSON 添加数据?
【发布时间】:2018-08-25 01:42:10
【问题描述】:

我有一个通过数据表创建的表,该表由 JSON 文件提供,但我不知道如何向其中添加数据。使用 Node.js 作为后端。

这是我的代码:

    <table id="table_id" class="display">
    <thead>
        <tr>
            <th>ID</th>
            <th>Nombre</th>
            <th>Apellido</th>
            <th>Mail</th>
            <th>Confirmado</th>
        </tr>
    </thead>
</table>
<button id="btnAdd">Add</button>

<script>
    $(document).ready(function () {
        $('#table_id').DataTable({
            "ajax" : {"url":"/personas.json", "dataSrc":"personas"},
            "columns" : [
                {"data" : "id"},
                {"data" : "nombre"},
                {"data" : "apellido"},
                {"data" : "email"},
                {"data" : "confirmado"}
            ]
        });
    });

    $("#btnAdd").click(add);

    function add(){

    }
</script>

目标是让“btnAdd”弹出一个窗口,其中包含我可以填写数据的表单,然后将其添加到 JSON 文件中,并将其显示在表格上,但我不知道从哪里开始。

【问题讨论】:

    标签: jquery json datatables


    【解决方案1】:

    您不能在客户端使用 JavaScript 编写代码。您可以在服务器上使用节点。但在客户端,不是。您最多可以尝试使用其他语言(如 PHP、Ruby 或 Python 等)操作此 JSON 文件。那个,或者使用一个真正的数据库......在这种情况下,您还需要一些前面提到的语言。

    【讨论】:

      【解决方案2】:

      根据文件:

      可以使用 row.add() API 方法将新行添加到 DataTable。 只需使用新行的数据调用 API 函数(无论是 数组或对象)。可以使用添加多行 rows.add() 方法(注意复数)。数据同样可以更新 使用 row().data() 和 row().remove() 方法。 https://datatables.net/examples/api/add_row.html

      【讨论】:

      • 但是,这不会将添加的值保存在 JSON 文件中。如果你只是想模仿,添加,这就足够了。如果你想保存......还不够。
      • 如果你想存储它,你应该在后端做一个API。通过 Ajax 发送包含新字段的请求并使用后端语言存储它
      • 我该怎么做?我正在使用 Node.js,可能应该提到这一点。
      • 我不能使用 mongo 或任何数据库。只有 JSON 文件。
      猜你喜欢
      • 2021-02-08
      • 1970-01-01
      • 2023-04-03
      • 1970-01-01
      • 2015-12-08
      • 2014-10-09
      • 1970-01-01
      • 1970-01-01
      • 2012-10-11
      相关资源
      最近更新 更多