Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否使用从前端数据表更新的值更新外部本地Json文件?_Javascript_Jquery_Json - Fatal编程技术网

Javascript 是否使用从前端数据表更新的值更新外部本地Json文件?

Javascript 是否使用从前端数据表更新的值更新外部本地Json文件?,javascript,jquery,json,Javascript,Jquery,Json,我编写了一个代码,它从本地json文件中获取值并以表格格式显示。 我使用html5可编辑标签使表格可编辑 现在我想当有人更新datatable中的单元格时,我会更新外部本地json文件。如果不使用任何服务器端技术,我可以使用jqueryjs,没有服务器端实现的任何东西都是可能的 这是到目前为止我的代码 <!DOCTYPE html> <html> <head> <title>Display JSON File Data in Datatab

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

现在我想当有人更新datatable中的单元格时,我会更新外部本地json文件。如果不使用任何服务器端技术,我可以使用jqueryjs,没有服务器端实现的任何东西都是可能的

这是到目前为止我的代码

<!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>

在Datatables中显示JSON文件数据|示例
名称
任命
办公室
延伸
加入日期
薪水
名称
任命
办公室
延伸
加入日期
薪水
$(文档).ready(函数(){
$('#可清空')。数据表({
“ajax”:“empdata.json”,
“栏目”:[
{“数据”:“名称”},
{“数据”:“指定”},
{“数据”:“办公室”},
{“数据”:“扩展”},
{“数据”:“加入日期”},
{“数据”:“工资”}
]
});   
});

web浏览器无法将任意数据写入web服务器,如果可能的话,您也不会喜欢它(在您的站点被不愉快的内容覆盖之前,您会持续大约5分钟)


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

web浏览器无法将任意数据写入web服务器,如果可能的话,您也不会喜欢它(在您的站点被不愉快的内容覆盖之前,您已经坚持了大约5分钟)


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

json文件存储在您的服务器上,这意味着,据我所知,对其进行编辑将需要某种形式的“服务器端技术”但是,如果你喜欢使用JavaScript,你应该在谷歌上搜索
节点
,因为它可以让你在服务器上使用JavaScript。我只是使用了html5的可编辑内容。它只在浏览器上编辑,我想将可编辑的更改保存到本地系统中读取的文件中。json文件存储在你的服务器上,这意味着据我所知,king对它的编辑将需要某种形式的“服务器端技术”。但是,如果你喜欢使用JavaScript,你应该在谷歌上搜索
节点
,因为它允许你在服务器端使用JavaScript。不,我只是使用了html5的可编辑内容。它只在浏览器上编辑,我希望可编辑的更改保存到本地系统的文件中,从那里读取。这是我受到限制的任何出路都不能使用服务器端或即使是node.jsIt,我也无法使用服务器端甚至node.js