如何将数组从一个html传递到另一个html页面?

时间:2013-04-18 11:55:12

标签: javascript html arrays cordova

我将此用于 Phonegap 所以,我更喜欢javascript中的解决方案。

我找到了很多使用 PHP 的解决方案。这就是我为什么要说清楚的原因。

我得到一个数组,其数据来自数据库。我想将此数组传递给SECOND HTML PAGE。

传递变量时正在使用以下代码......

修改

 window.location.href="1stpage.html"?var1=&value;

希望,我对编码是正确的。

如果我错了,请指导我。

参考建议的答案进行了更改

Julio Meca Hansen先生,我尝试实施相同的

 window.location.href='1st page.html?var1=5&var2=6'; 

并尝试通过在第二页上打印值来验证它......

console.log("value1: "+var1 +"value2: "+var2 ); 
唉!,我收到这个错误...

E/Web Console(12476): ReferenceError: Can't find variable: var1 at file:///android_asset/www/1st%20page.html?var1=5&var2=6:17 

4 个答案:

答案 0 :(得分:2)

如果此数组仅由JavaScript使用,则不要使用cookie。 Cookie用于存储服务器需要访问的信息,并且无论如何设置它们都会大大增加您的网络使用量!

相反,请使用JavaScript的localStorage界面。所有现代浏览器都支持它(IE7及以下版本不算“现代”,特别是Windows Update实际上强迫您更新),并且真正易于使用:

var someArray = [1,2,3,4];
if( !window.localStorage) alert("Sorry, you're using an ancient browser");
else {
    localStorage.myArray = JSON.stringify(someArray);
}

稍后,您可以检索它:JSON.parse(localStorage.myArray)

我希望这是你想要实现的目标。如果没有,请澄清你的问题;)

答案 1 :(得分:1)

如果代码链接到图像,则更像是:

<img src="images/img1.png" alt="" onclick="window.location.href='1stpage.html?var1=5&var2=6';">

修改它以满足您的需求:P

答案 2 :(得分:1)

如果您不想使用javascript:

<a href="1stpage.html?var1=5&var2=6">
   <img src="images/img1.png" alt="" />
</a>

答案 3 :(得分:1)

我假设你使用的是jquery,但原则在普通的旧js中是相同的 - 例如使用cookie。

how to store an array in jquery cookie?

这实际上存储了数组而不是其他答案中描述的变量加载。