javascript - 存储一个 php 数组客户端

Question

我有一个网页查询数据库以获取产品列表及其相关数据，如价格、尺寸、重量等，并将其显示给用户，我想添加其中一个排序下拉列表，以便用户可以按价格或我指定的任何其他键对产品进行排序。

我计划在下拉列表更改时使用 Ajax 再次查询数据库，并将所选值用作查询中的排序键。我的问题是，有没有一种方法可以在不运行另一个查询的情况下在客户端完成？ php能否将查询结果发送到浏览器并存储在那里，然后使用jquery一遍又一遍地排序？

感谢大家的帮助!

Answer 1

有很多方法可以实现这一点。可以使用 HTML5 LocalStorage 完成一个简单的示例。

以下是如何完成此操作的一般概述:

1. 您通过 AJAX 为产品首次调用您的数据库，返回一个 JSON 对象。

2. 您通过 javascript 序列化该 JSON 对象，例如var stringData = JSON.stringify(data)

3. 将上述变量存储到本地存储:window.localStorage.setItem("products", stringData);

4. 稍后您可以通过 var products = window.localStorage.getItem("products) 访问它，最后使用 var productsObj = JSON.parse(products)< 对其进行反序列化 或在一个 c-c-c-c-c-combo 断路器中完成所有操作:productsObj = JSON.parse(window.localStorage.getItem("products))

5. 使用过滤功能随心所欲!

另一种方法是使用某种形式的存储来存储初始 JSON 对象，例如Redux，但让我们改天再说吧 ;)

当然，您可以选择拥有一个全局可访问的对象，您可以将初始 JSON 数据作为属性分配给该对象，然后像访问任何其他属性一样进行访问。