2013-10-01 31 views
1

我有一個本地運行的HTML應用程序。當第一個HTML頁面打開時,它會使用jquery創建一個讀取XML文件的數組。使用javascript或jquery在HTML頁面中攜帶數據

我能夠成功創建數組。現在,當我瀏覽我的應用程序的其他頁面時,我需要保留這些數組值。這是因爲這些數組值包含嚴重的CSS顏色,這些顏色將在運行時應用於元素。

數據如何在頁面之間傳遞。好心提醒。

請注意:我的應用程序在本地運行,而不是在網絡服務器上運行。

+0

瞭解localStorage的 – epascarello

+0

@epascarello哎M8你更快然後我得到的數據:)我剛剛想寫這個確切的答案,哈哈。 – IamStalker

回答

0

你可以用一個cookie實現這一點:

https://developer.mozilla.org/en-US/docs/Web/API/document.cookie

或者更現代的瀏覽器,使用存儲。

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

例如,

if (window.sessionStorage) { 
    var color_id = "ae5678"; 
    window.sessionStorage.setItem("color_id", color_id); 
} 

還是localStorage的...

if (window.localStorage) { 
    color_id = "6b67ce"; 
    window.localStorage.setItem("color_id", color_id); 
} 

來獲取值,

var color_id = window.localStorage.getItem("color_id"); 
+1

是1999嗎? Cookie不是要走的路。 – epascarello

1

使用網絡存儲的東西升現在這很容易。

只是這樣做的JS救你想要什麼:

localStorage.savedColor = "#330000"; 

,並從存儲retrive的savedColor:

var mySavedColor = localStorage.savedColor; 
1

使用localStorage的

var yourDataArray=[];// your xml data. 

//放在導航之前針對任何鍵(在此稱爲XML_DATA)在本地存儲器中存儲數據。

window.localStorage.setItem("XML_DATA", JSON.stringify(yourDataArray)); 

//現在經過導航到另一個頁面,使用

var yourDataArray=window.localStorage.getItem("XML_DATA"); 
    if(yourDataArray!=null){ 
    yourDataArray=JSON.parse(yourDataArray);//here you will get data. 
} 
相關問題