Question

我有以下html代码，它只是视图购物车页面中的商品名称。我希望能够将这些数据（其中一旦我得到基本想法）转移到一个单独的html页面，该页面将自动生成多个项目的列表，具有多个价格并输出总价格。

<div class="product-name-options"> 
            <!--START: itemnamelink--><a id="itemName" href="product.asp?itemid=[ITEM_CATALOGID]">[ITEM_NAME]</a><!--END: itemnamelink--> 

<button type="button" onclick="window.location='Quote_ep_78-1.html'" id="vc_ChkButton" class="btn"><i class="icon-basket"></i> Get Quote</button>

</div>

我在购物车页面上有以下Json代码。

       <script>
     jQuery( document ).ready(function($) {

    var itemName = document.getElementById('itemName');

if(typeof(Storage)!=="undefined")
  {
var me = {name: itemName};
localStorage.setItem("user",JSON.stringify(me));
  }
else
  {
  // Sorry! No Web Storage support..
  }


});


    </script>

这是引用页面。

<script>

jQuery( document ).ready(function($) {

console.log(localStorage.getItem("user"));

});

     /*document.write("Quantity = " + localStorage.getItem("user") + "<br>");*/

    </script>

 <div id="add">




    </div>

 </head>

<body>


    <div id = ".myDivClass">




    </div>



   </body>

我似乎无法将jSON数据显示在我已经进行的div中，此时我在console.log命令中得到以下内容

"{"name":{}}"

我得到上面的console.log，我认为是正确的，因为它反映了我的购物车中的商品数量，但我无法打印其他任何东西。这是我第一次使用JSON，所以我有点超出我的深度，但我渴望学习如何做到这一点并扩展它，以便我可以在页面上打印多个项目

无法让JSON在页面之间传递数据

0 个答案: