Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/308.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 我想存储html表单中的数据。但我想将其保存到本地文件(文本或csv文件,用于分类)_Javascript_Python_Html_Local Storage_Css Tables - Fatal编程技术网

Javascript 我想存储html表单中的数据。但我想将其保存到本地文件(文本或csv文件,用于分类)

Javascript 我想存储html表单中的数据。但我想将其保存到本地文件(文本或csv文件,用于分类),javascript,python,html,local-storage,css-tables,Javascript,Python,Html,Local Storage,Css Tables,我有一个项目是为了保存我看的一些电影。这是一个上市网站。 第1部分进入面板我将有一个面板,其中包括一个表格,我输入电影的规格名称、类别、演员等。。然后,当我单击submit按钮时,它会将数据保存在本地csv或txt文件中。当然,我应该能够将新电影附加到该文件中。 第2部分查看器和主页中,我需要在HTML表格中以行的形式查看电影。该表将由我保存的文件中的数据填充,我想Js循环是必需的。如果该主题与我所问的不同,如果有其他方法,请管理我如何搜索。我想我必须学习SQL来处理更复杂的数据存储。 以下是简

我有一个项目是为了保存我看的一些电影。这是一个上市网站。 第1部分进入面板我将有一个面板,其中包括一个表格,我输入电影的规格名称、类别、演员等。。然后,当我单击submit按钮时,它会将数据保存在本地csv或txt文件中。当然,我应该能够将新电影附加到该文件中。 第2部分查看器和主页中,我需要在HTML表格中以行的形式查看电影。该表将由我保存的文件中的数据填充,我想Js循环是必需的。如果该主题与我所问的不同,如果有其他方法,请管理我如何搜索。我想我必须学习SQL来处理更复杂的数据存储。 以下是简单的网站:

   <!DOCTYPE html>
    <html>
    <head>
        <title>Film Lister</title>
    </head>
    <body>
    
    <form>
        <input type="text" name="movie-name">
        <input type="text" name="movie-category">
        <button type="submit">Append the movie to file</button>
    </form>
    
    <table id="showcase">
        <tr class="movie">
            <td class="movie-spec"></td>
            <td class="movie-spec"></td>
        </tr>
        <tr class="movie">
            <td class="movie-spec"></td>
            <td class="movie-spec"></td>
        </tr>
    </table>
    
    <script type="text/javascript">
        
        //The part i need help
    
    </script>
    </body>
    </html>

使用JavaScript保存数据相当容易:

    // Save as File
    function download(filename, text) {
      var element = document.createElement('a');
      element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
      element.setAttribute('download', filename);

      element.style.display = 'none';
      document.body.appendChild(element);

      element.click();

      document.body.removeChild(element);
    }
致电:

var csvContents = "1,2,3,4,5";
download("mydata.csv", csvContents);
不过,您需要弄清楚如何构造csvContents

我建议您学习jQuery,因为它非常容易修改或创建HTML/DOM元素,这正是您在这里所需要的。请注意,这是来自一个绝不是web应用程序专家并且来自不同领域的人


注意:如果要附加到文件,则需要权限,而浏览器在系统上没有权限。你应该考虑使用一个数据库。

这样的数据通常存储在服务器上;浏览器中的JavaScript无论如何都无法直接访问硬盘。您可以改为使用localStorage,但如果您意外删除它或希望使用其他浏览器,则数据将丢失。我建议学习基本的PHP和mySQL并安装。这个问题对于这个网站来说也太宽泛了;你基本上需要初学者的教程,而网络上到处都是。