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

Question

我有一个包含数据集的page1.html

{'key1':'value1','key2':'value2','key3':'value3'}

和一个链接

<a target='_blank' href='page2.html'>Click To Navigate</a>

这将导航到page2.html.

我想问一下如何将上面的所有数据传递page1.html给page2.html我,以便我可以使用它们page2.html.

我尝试使用的是localStorage,但我一次只能存储1组数据,所以如果在我page1.html有很多数据集,相同的键但不同的值,当我将它们存储在localStorage时它们会重叠,那么我就不能将所有这些数据集传递给page2.html.

有人有个主意吗？非常感谢

Answer 1

你可以使用Javascript来完成它,你可以传递哪种对象没有限制.例如,如果您有多个键值对象:

var firstData = {
    'key1' : 'value1',
    'key2' : 'value2'
};

和

var secondData = {
    'key1' : 'value3',
    'key2' : 'value4'
};

你可以使用Javascript数组将它们括起来:

// This is on page1.html
var myData = [ firstData, secondData ];

并使用localStorage传递该数组.

page1.html上的Javascript

// Set the variable
localStorage.setItem( 'objectToPass', myData );

第2页上的Javascript

// Get the variable
var myData = localStorage['objectToPass'];
localStorage.removeItem( 'objectToPass' ); // Clear the localStorage
var firstData = myData[0];
var secondData = myData[1];
alert('firstData: ' + firstData + '\nsecondData: ' + secondData);