2017-03-04 63 views
0

假設我有一個php腳本,返回員工的詳細信息,例如名稱和地址以json編碼格式。JS如何從服務器腳本在客戶端上存儲數據

我循環遍歷返回的數據,並且只列出列表中的名稱,而不需要在初始頁面加載時顯示其他數據。

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

現在我將在屏幕上顯示員工姓名列表供用戶查看。 如果他們要點擊一個員工,我想顯示getEmployees.php腳本中返回的其他詳細信息。

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

+2

使用localStore http://stackoverflow.com/questions/9404813/how-to-view-or-edit-localstorage –

+0

的'價值'對象會給你細節,你可以作爲div附加細節。讓這個div最初不可見,然後當他們點擊Employee時你可以啓用這個div。 – bhantol

+0

如果不是一個龐大的員工名單,您可以將其存儲在一個數組中。 – CaptainHere

回答

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