我想從 html 表單存儲數據。但我想將其保存到本地文件（文本或 csv 文件 - 用於分類 - ）

Question

我有一個項目是為了保存我看過的一些電影。 它是一個上市網站。 第 1 部分（條目面板）我將有一個面板，其中包含一個表格，我可以在其中輸入電影的規格（名稱、類別、演員等）。 然后當我單擊提交按鈕時，它會將數據保存在本地（在 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>

Answer 1

好吧，使用 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 應用程序專家並且來自不同領域的人。

注意：如果您想附加到文件，您需要權限，而您沒有通過瀏覽器訪問系統的權限。 您應該考慮使用數據庫。

我想從 html 表單存儲數據。但我想將其保存到本地文件（文本或 csv 文件 - 用於分類 - ）

問題描述

1 個解決方案

解決方案1
0 2020-10-08 20:45:26

我想從 html 表單存儲數據。 但我想將其保存到本地文件（文本或 csv 文件 - 用於分類 - ）

問題描述

1 個解決方案

解決方案1 0 2020-10-08 20:45:26

我想從 html 表單存儲數據。但我想將其保存到本地文件（文本或 csv 文件 - 用於分類 - ）

解決方案1
0 2020-10-08 20:45:26