javascript - 如何保存更改和使用 json 文件
问题描述
如何保存更改和使用json文件就像堆栈溢出一样,当您提出问题时,即使您重新加载页面,数据也已完成,如果您转到本地存储,您将找不到存储。
html
<button class="button" id="movetool10" onclick="movetool10()">change name & save</button>
javascript
var clickCounter10 = 0;
var movetool10 = document.getElementById('movetool10')
movetool10.onclick = function() {
clickCounter10++;
if (clickCounter10 ===2) {
clickCounter10 = 0; // condition met, resset so it'll be met again
document.getElementById('movetool10').innerHTML = 'hi';
alert("hi user");
} else {
document.getElementById('movetool10').innerHTML = 'hello';
alert("hello user")
};
};
解决方案
您提供的代码是客户端 javascript。绝对没有办法使用纯 javascript 永久保存数据:因为当用户刷新时,它会重新加载。
如果您想学习如何永久保存信息以便用户可以刷新网页并且相同的信息仍然存在,那么您需要观看有关如何进行数据库化的教程。我会为初学者推荐flask/python/dataset/sqlite3。
Stack Overflow 是一个 Q/A 网站,而不是一个“请某人制作已经制作了 1000 次的教程”的网站。在来这里之前,您需要先进行研究。因为,不管你信不信,那里有数百个已经制作好的非常好的教程。
我写这个作为答案仅仅是因为我在评论中没有足够的字符。
推荐阅读
- android - Android 键盘在 Web 视图中隐藏输入
- javascript - 如何在 javascript 中从 reg 表达式 /\W+/ 中排除单引号?
- docker - 如何使用多个 Docker 容器在 Jenkins 管道中设置 Jenkins 代理
- c# - 如何在 C# Core 中使用 IFormFile 上传文件,输入类型为文件?
- reactjs - 我想通过 puppeteer 传递一组数据来呈现 react-vis 组件,而不是在 html 模板中传递数据?
- javascript - 获取错误消息原因 get addrinfo ENOTFOUND localhost
- sorting - 使用 frama-c 的递归快速排序的正式证明
- wcf - 增加 WCF 服务终结点大小配置的问题
- python - SimpleCookie 泛型类型
- java - 将配置传递给 Kafka 客户端的推荐方法