JS如何通過服務器腳本在客戶端上存儲數據

Question

假設我有一個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腳本中返回的其余詳細信息。

我將如何存儲腳本中的數據以便以后訪問？

Answer 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"}