从输入标记永久保存数据中的数据

Posted 2021-05-06

我有一个来自<input>的号码，我想在一个选定的地方保存在一个阵列中。我成功地用splice()做了，但是当重新加载页面时，保存在数组中的数据会重置。如何“永远”保存这些数据？

这是代码：

<label for="number">Number to Save</label>
<input type="text" name="number" id="number" value=""/> 

<input type="button" value="click" onclick="myArr.splice(2, 0, number.value);"/>

答案

这是使用localStorage http://jsfiddle.net/nezir/Hn7jc/147/的简单示例

// Retrieve your data from locaStorage
var saveData = JSON.parse(localStorage.saveData || null) || {};

// Store your data.
function saveStuff(obj) {
    saveData.obj = obj;
    var myArr = [1,2,3,4,5];
    console.log(myArr);
    saveData.some_array = myArr;
    console.log(saveData.some_array);
    saveData.some_array = myArr.splice(2);
    localStorage.saveData = JSON.stringify(saveData);
}

// Do something with your data.
function loadStuff() {
    return saveData.obj || "default";
}

if (saveData.some_array) alert("You were here: " + saveData.some_array);

saveStuff("Stuff");

另一答案

您无法永久存储数据。但是你可以将它们存储在cookie中。

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

阅读更多关于JS cookies的信息： - https://www.w3schools.com/js/js_cookies.asp

以上是关于从输入标记永久保存数据中的数据的主要内容，如果未能解决你的问题，请参考以下文章

当我从用户获取数据并将其保存到 SQLite 数据库中时，我应该怎么做才能使列表视图在片段中工作

如何在 Fragment 中使用 SharedPreferences 保存数据

Asynctask结果显示重新创建片段后

保存标签输入的数据

如何在片段内的 recylerview 列表中显示 SQLite 数据库数据？

从 Activity 的 Fragment 中保存数据