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

Posted 2023-03-05

【中文标题】JS如何从服务器脚本将数据存储在客户端上

【英文标题】：JS how to store data on Client from server script

【发布时间】：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 ***.com/questions/9404813/…

value 对象将为您提供详细信息，您可以将其附加为带有详细信息的 div。最初使此 div 不可见，然后当他们单击 Employee 时，您可以启用此 div。

如果不是一个庞大的员工列表，你可以将它存储在一个数组中。

【参考方案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"