通过 Javascript 将多个变量传递给 HTML

Question

在谷歌 API 计算出纬度和经度后，我试图将其从一个页面传递到另一个页面。

对于指南针网站。想要将 lat 和 long 都传递到另一个页面以在该页面上使用。我正在尝试通过 javascript 传递它们。

传递变量的Java。

var lat = marker.getPosition().lat();
var long = marker.getPosition().lng();
window.location.href = 'compass.html' + '#' + lat +'#' + long;

接收变量的Java

var latD = window.location.hash.substring(1);
var longD = window.location.hash.substring(2);

它们没有被拆分，而是一起显示在包含哈希的其他页面上。像这样：

-41.2864603?#174.77623600000004, 41.2864603?#174.77623600000004

我希望它是这样的： -41.2864603 ,174.77623600000004

Answer 1

哈希

这个想法有效，您只需要正确拆分哈希字符串。

//REM: On whatever.html
var lat = '-41.2864603';
var long = '174.77623600000004';
var tHref = 'compass.html' + '#' + lat +';' + long; //window.location.href = ..

//REM: On compass.html
var tHash = tHref.split('#').pop(); //window.location.hash.split('#').pop();
var tLat = tHash.split(';')[0];
var tLong = tHash.split(';')[1];

alert('Lat: ' + tLat + ', Long: ' + tLong);

查询字符串

作为另一种方法，您可以像 nbokmans 推荐的那样将其作为普通 QueryString 值传递。单独或作为字符串化对象。不同之处在于，除非您在服务器上获取值，否则您需要实现自己的 js QueryString-Parser。但是你会在 google 上找到很多 QueryString-Parsers。

这是一个例子： How can I get query string values in JavaScript?

本地存储

localStorage 听起来对我来说是最简单的解决方案。您也不需要为它实现自己的 QueryString-Parser。只需将其设置在whatever.html 上并在compass.html 上阅读即可。

查看以下示例： https://developer.mozilla.org/de/docs/Web/API/Window/localStorage

//Set:
window.localStorage.setItem('whatever', JSON.stringify({lat: 1, long:2}));

//Get:
JSON.parse(window.localStorage.getItem('whatever'));

Answer 2

应该是这样的：

   var lat = marker.getPosition().lat();

   var long = marker.getPosition().lng();

   window.location.href = 'compass.html?lat=' + '' + lat +'&longt=' + long;