Javascript 在找到的表解决方案中显示sessionStorage中的数据

Javascript 在找到的表解决方案中显示sessionStorage中的数据,javascript,html,html-table,sessionstorage,Javascript,Html,Html Table,Sessionstorage,我正在建立一个订购网站,这样当一个项目被添加到购物篮中时,它就会被存储在sessionStorage中。然后会将其调出并显示在表格中,供客户查看。目前我正在存储我的信息并显示一个表,但是所有的值都没有定义。有人能帮我看看哪里出了问题吗?我相信这是我的toTable函数,但我不确定怎么做。这是我到目前为止的代码。任何帮助都将不胜感激,因为我仍在学习如何充分使用Javascript HTML调用 var basket = sessionStorage.bask; if(basket){

我正在建立一个订购网站,这样当一个项目被添加到购物篮中时,它就会被存储在sessionStorage中。然后会将其调出并显示在表格中,供客户查看。目前我正在存储我的信息并显示一个表,但是所有的值都没有定义。有人能帮我看看哪里出了问题吗?我相信这是我的toTable函数,但我不确定怎么做。这是我到目前为止的代码。任何帮助都将不胜感激,因为我仍在学习如何充分使用Javascript

HTML调用

var basket = sessionStorage.bask;
    if(basket){
        basket=JSON.parse(basket);
        if(_.size(basket)) content = toTable(basket);
Javascript函数

function Basket(){
    var css = 'input#size[name="toy"]:checked';
    var input = document.querySelector(css);    
    var size = input.value==='1'?'small':'large';
    var price = Number(input.getAttribute('data-price'));
    var orderline = [this.name,size,price];
    addToBasket(orderline);
    document.getElementById("content").innerHTML="order" + sessionStorage.bask;

    }

    function addToBasket(item){
        var basket=sessionStorage.bask;
        if(basket){
        basket=JSON.parse(basket);
    }else{
        basket=new Object();
    }
        var name = nextName(basket);
        basket[name]=item;
        sessionStorage.bask=JSON.stringify(basket,null,'\t');
      }

    function toTable(basket){
         var count = 0;
         var str = '<table id="basket" border="1" cellspacing="5" cellpadding="5">';
    for (var key in basket){
             str+= '<tr id="body" class="">';
             str+= '<td>'+basket[key].size+'</td>';
             str+= '<td>'+basket[key].name+'</td>';
             str+= '<td>&pound;'+basket[key].price+'</td></tr>';
         }

         str+= '<tr><td colspan="3"> Total Price&pound;'+getPrice(basket).toFixed(2)+'</td></tr>';
         return str+'<table/>';
     }

您是否获得了表中预期的行数?在toTable的顶部添加console.log JSON.stringify basket;仔细检查控制台上显示的内容或将其发布到此处。我得到了预期的行数。发布这个问题后,我发现了toTable函数中的错误,而不是我需要的[0]、[1]和[2]的大小、名称和价格。谢谢你的回复。很好,你找到了答案。以后,请添加评论或用您找到的解决方案编辑您的问题。