javascript - JavaScript : Passing variables between html pages

Question

我正在练习制作一个电子商务网站。我正在努力在购物车页面和结帐页面之间传递我的 javascript 变量。我尝试按照这个例子:

page one:
<a href="example2.html?myVar1=42&myVar2=66" >LINK</a>

page 2:

var qs = new Querystring();

var v1 = qs.get("myVar1");

var v2 = qs.get("myVar2");

我无法让它工作，因为我的网页抛出了一个关于无法识别 QueryString 的错误，所以我目前正在使用 window.localStorage 进行尝试，如下所示:

Page 01:

<button class="checkout" type="button" onClick="window.location.href='checkout.html'; window.localStorage.setItem("total",total)">Checkout</button>


Page 2:

var name = window.localStorage.getItem("total");

目前，我在第二页上抛出一个 console.log(total) ，但它每次都返回“null”。知道为什么它没有从第一页捕获值(value)吗？请帮忙。如果您对任何一种方法有建议或解决方案，我们将不胜感激。我觉得我非常接近第二种方法，我可能只是遗漏了第 1 页部分的一些内容，提前致谢。

Answer 1

要修复您的第一个方法(通过查询字符串在页面之间传递变量)，您可能需要类似的内容:

// page one:
<a href="example2.html?myVar1=42&myVar2=66" >LINK</a>

// page 2:

var query = window.location.search;
if( typeof query !== 'undefined' ) {
    var params = {},
        parts
    ;
    // take off the ? and split into groups of key=value strings
    query = query.replace('?','').split('&');

    // split key=value strings into a usable object
    for(var i=0;i<query.length;i++){
        parts = query[i].split('=');
        params[ parts[0] ] = parts[1];
    }

    // now access your variables like so:

    params.myVar1 // is now "42" (a string)
    params.myVar2 // "66"

}