如何使用javascript将html表单数据保存在txt文件中答案

【问题标题】：How to save html form data in txt file using javascript如何使用javascript将html表单数据保存在txt文件中
【发布时间】：2021-11-18 09:23:36
【问题描述】：

我有一个 html 表单。我想使用 javascript 将表单数据存储在另一个 txt 文件中。例如：我有一个 html 表单和 store-data.txt 文件。当用户填写表格并点击提交时，数据存储在 store-data.txt 文件中。我将如何使用 javascript 来做到这一点。

【问题讨论】：

网络上有很多工作示例直接链接到 codepen 等。你检查过吗？
codepen.io/Ev1ltw1n/pen/PojyaLz 你在找这个吗？
请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： javascript html css web

【解决方案1】：

Javascript 无法在服务器上保存数据。 JS 可以将数据保存在客户端机器上。客户端机器上的数据可以使用cookie 存储。但我觉得，这不是一个目标。存储来自 froms 的数据可以服务器端应用程序，像 php 一样驱动。

【讨论】：

【解决方案2】：

您可以使用filesaver.js 库进行干净的实现，或遵循此codepen It is the quickest。

【讨论】：

Stackoverflow 有 sn-p，可以更轻松地使用 codepen。我建议您将其包含在您的问题中

【解决方案3】：

如果您想存储输入值，则将所有值分配到一个对象中，然后JSON.stringify 然后将其扔给此函数以获取 json 文本文件

function createTextFile(str){
    var file = new Blob([str])
        anchor = document.createElement("a")
    anchor.href = URL.createObjectURL(file)
    anchor.download = "fileName"
    anchor.click()
    URL.revokeObjectURL(anchor.href)
    anchor.remove()    
}

var input = "this is a string to test"
createTextFile(input)

如果你想用php保存在服务器端，php中有函数 file-put-contents

【讨论】：