Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.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
本地主机上的CSV文件:如何使用javascript动态编辑CSV文件?_Javascript_Html_Csv_Edit - Fatal编程技术网

本地主机上的CSV文件:如何使用javascript动态编辑CSV文件?

本地主机上的CSV文件:如何使用javascript动态编辑CSV文件?,javascript,html,csv,edit,Javascript,Html,Csv,Edit,我为学校作业制作了一个HTML5文件。此文件在本地主机上运行。在页面上单击按钮会触发空csv文件的下载,该文件将随时间填充。我使用下面的代码来实现这一点,它工作得很好 function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:csv/plain;charset=utf-8,' + encodeURICompone

我为学校作业制作了一个HTML5文件。此文件在本地主机上运行。在页面上单击按钮会触发空csv文件的下载,该文件将随时间填充。我使用下面的代码来实现这一点,它工作得很好

function download(filename, text) {
    var element = document.createElement('a');
    element.setAttribute('href', 'data:csv/plain;charset=utf-8,' + encodeURIComponent(text));
    element.setAttribute('download', filename);
    element.style.display = 'none';
    document.body.appendChild(element);
    element.click();
    document.body.removeChild(element);
}

    document.getElementById("Data_id").addEventListener("click", function(){download("mouse_data", "");}, false);


我想做的是,动态地向这个文件添加新元素。我已经看过了,我觉得这些都不能回答我的问题。但我是个新手,不知道如何使用javascript和html编程。也许我错过了什么?希望有人能给我指引正确的方向。

我认为下载后填充文件是行不通的。分享更多关于您正在处理的问题的信息?我们也许可以为您指出一个更简单的解决方法。@NathanWalther,我正在跟踪用户的鼠标数据,在本例中是我的鼠标数据。理想情况下,每当用户移动鼠标、单击、拖动等直到单击“保存”或“取消”按钮或关闭选项卡时,我都会编辑此下载的文件。更典型的实现方法是浏览器将鼠标数据发送到服务器端应用程序(如Node),然后由该应用程序保存数据(附加到文件对于学校作业来说很好)服务器端的文件系统访问能力要比客户端好得多,而且通过在本地主机上运行Node仍然可以保持简单。