如何將類似數組的數據從HTML文件發送到另一個HTML頁面？

Question

我想將值數組從html文件發送到另一個文件，以在html頁面上繪制條形圖。 我不想使用任何服務器端語言，但可以使用js，json，jquery和ajax。

該數組如下所示：arrVisitors [0] =“ a，750”; arrVisitors [1] =“ b，425”; arrVisitors [2] =“ c，1000”; arrVisitors [3] =“ d，700”; arrVisitors [4] =“ e，800”; arrVisitors [5] =“ f，975”; arrVisitors [6] =“ g，375”; arrVisitors [7] =“ h，775”; 因此，如何將其存儲在第一個html文件中，如何在第二個文件中調用它，在第二個文件中我根據值繪制圖形。

Answer 1

您需要將數據作為后參數發送到服務器，並在處理第二頁的請求時使用該數據。

由於您未指定要確切執行的操作，因此我無法更精確地說明...

Answer 2

使用$_POST['data']捕獲變量和$.post('your.html',{data:$('form').serialize()},function(data){alert(data);})

Answer 3

您可以使用LocalStorage-由於它是按域隔離的，因此它將在您域中的所有子頁面中可見。

• 頁面A：將所需的陣列存儲在localstorage中。

  localStorage.setItem("name", ['my_array']) ;

• B頁：偵聽本地存儲中的更改，並在值更新時采取適當的措施。

  window.addEventListener("storage", my_function, false);

這里不涉及服務器端語言。 沒有奇怪的駭客。 只是純HTML5。

http://diveintohtml5.info/storage.html

Answer 4

考慮到您擁有純HTML文件，並且沒有適當的腳本語言...

從一個HTML頁面到另一個HTML頁面傳遞的數據將很難獲得和處理。.但是您可以使用Javascript執行此操作。

使用<form> GET方法傳遞數據，並嘗試在javascript的幫助下訪問另一頁上的數據。 您可以通過以下方式獲取整個網址

window.location

然后可以使用字符串函數獲取所有可能的值。

或者，您可以使用html 5的本地存儲實用程序。

檢查此鏈接