JS如何从服务器脚本将数据存储在客户端上答案

【问题标题】：JS how to store data on Client from server scriptJS如何从服务器脚本将数据存储在客户端上
【发布时间】：2017-07-24 22:19:11
【问题描述】：

假设我有一个 php 脚本，它以 json 编码格式返回员工详细信息，例如姓名和地址。

我遍历返回的数据并在列表中只打印他们的名字，不需要在初始页面加载时显示其他数据。

$.post( "./php/getEmployees.php",function( data ) {
$.each(data, function (index, value) {
    $("#list").append('<li><a href="#section2">'+value.title+'</a></li>');
});
},"json");

现在我将在屏幕上显示员工姓名列表供用户查看。如果他们要单击某个员工，我想显示在 getEmployees.php 脚本中返回的其余详细信息。

如何存储脚本中的数据以供以后访问？

【问题讨论】：

使用 localStore stackoverflow.com/questions/9404813/…
value 对象将为您提供详细信息，您可以将其附加为带有详细信息的 div。最初使此 div 不可见，然后当他们单击 Employee 时，您可以启用此 div。
如果不是一个庞大的员工列表，你可以将它存储在一个数组中。

标签： javascript

【解决方案1】：

你可以使用localStorage

使用示例：

var person = {name:'some name', contact: {phone:'xxxxxxxx', address: 'yyyyyyyy'}}
// store
localStorage.setItem('person', JSON.stringify(person))
// retrieve
var myPerson = JSON.parse(localStorage.getItem('person'))
console.log(myPerson.contact)

// Output:
// Object {phone: "xxxxxxxx", address: "yyyyyyyy"}

【讨论】：