javascript - 是否可以发送 localStorage 数据，然后再次检索它？ Ajax ？

Question

我的场景是这样的:我的 js 文件中有一个非常小的数组。当页面加载时，我有一个函数循环遍历数组，并为数组中的每个项目生成一个 li 元素，并在 li 中显示其名称和价格。数组的构造如下:

var gameList = [
{ name: "", value: 0.00},
]

其次，我在页面上有一个简单的表单，允许我向数组添加新项目，并且使用 localStorage，我可以保留动态更新的数组。我将新项目推送到数组 (gameList) 中，然后在 session 结束时使用 localStorage 设置它。

localStorage.setItem("updatedGameList", JSON.stringify(gameList));

我的代码开头有几行，将原始数组“gameList”设置为等于本地存储的更新游戏列表。

var retrievedData = localStorage.getItem("updatedGameList");
gameList = JSON.parse(retrievedData);

所以现在这很好，但是不断增长的数组 - 我想保留和维护 - 只能在这个浏览器中、在这台机器上使用。

所以，我的问题是，我可以将本地存储的数据发送到某个地方吗？也许是我的个人领域？ (应用程序完成后我将在其中托管该应用程序)这样我就可以在我的 js 文件中正确引用它，以便数据始终可用？也许数组可以有它自己的 js 文件？

我意识到这可能不是处理本质上数据库的最佳方式。但我刚刚完成了在线类(class)的一部分，我正在使用完成这项工作所需的工具。

最后，在数组的维护方面，有没有办法以.js文件的形式将其发送回sublime？我知道这可能是一个疯狂的问题。更新后的数组将变得相当大，最终可能有 200 个项目，并且在 sublime 中维护会更容易。

感谢您的宝贵时间，如果此请求的一部分很荒谬，我们深表歉意! :)

我刚刚阅读了有关 AJAX 的内容，并认为也许有一种方法可以将更新后的数组作为 json 文件发送到我网站上的某个位置(!)，然后在每个新 session 开始时请求相同的文件，所以我总是使用并保存最新更新的数组。

感谢您的阅读，希望您能得到一些答案! :)

Answer 1

虽然不完全是我想要的 - 本质上是某种自动获取新数组的方法，将其发送到比本地存储更安全的地方，然后引用新数组每次都为我提供最新的起点(并且全部只用 javascript) - 在我开始使用数据库之前，下面建议的“肮脏”方式目前已经足够了。

来自 Kirupa，在论坛上:

这根本不是一个荒谬的问题!您可以将自己的数据发送到任何您想要的地方，但这将需要一定程度的与服务器相关的代码。来回发送数据的最简单方法是通过 JSON，您可以使用如下内容轻松将数组转换为 JSON 格式:

var jsonData = JSON.stringify(myArray); 从这里，您可以将此数据发送到数据库、另一个网站或您的电子邮件服务器。如果你想要一些非常快速和肮脏的东西，你实际上可以使用 Chrome 开发工具复制 JSON 化数组的内容，将其作为 .js 文件保存在磁盘上，然后在你的应用程序中再次引用它。这是一种手动方式来做一些你并不真正关心自动化的事情。

最好的解决方案是将其存储在数据库中。他们也变得更容易对付。 Firebase 是我处理此类事情的首选，这个视频可能会给您一些想法:https://www.youtube.com/watch?v=xAsvwy1-oxE