Question

我有一个代码，它从本地json文件中获取值并以表格格式显示。我使用html5可编辑标记使表格可编辑。

现在我想在有人更新数据表i ant中的单元格时更新外部本地json文件。不使用任何服务器端技术我可以使用jquery js，没有服务器端实现是可能的。

这是我到目前为止的代码

<!DOCTYPE html>
<html>
<head>
    <title>Display JSON File Data in Datatables | Example</title>
    <!-- link datatables css -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
</head>
<body>
    <table id="empTable" class="display" width="100%" cellspacing="0" contenteditable = "true">
        <thead>
            <tr>
                <th>Name</th>
                <th>Designation</th>
                <th>Office</th>
                <th>Extension</th>
                <th>Joining Date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Designation</th>
                <th>Office</th>
                <th>Extension</th>
                <th>Joining Date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
    </table>

    <!-- load jquery -->
    <script   src="https://code.jquery.com/jquery-1.10.2.js"   ></script>
    <!-- load datatables js library -->
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
        $('#empTable').dataTable({
            "ajax": "empdata.json",
            "columns": [
                {"data": "name"},
                {"data": "designation"},
                {"data": "office"},
                {"data": "extension"},
                {"data": "joining_date"},
                {"data": "salary"}
            ]
        });   
    });
    </script>
</body>
</html>

Answer 1

Web浏览器无法将任意数据写入Web服务器，如果可能的话，您不会喜欢它（在您的网站被不愉快的事情覆盖之前，您需要持续大约5分钟）。 / p>

您需要服务器端技术来编辑服务器上的内容（您几乎肯定希望它包含身份验证/授权检查）。

使用从前端数据表更新的值更新外部本地Json文件？

1 个答案: