Javascript 在找到的表解决方案中显示sessionStorage中的数据
我正在建立一个订购网站,这样当一个项目被添加到购物篮中时,它就会被存储在sessionStorage中。然后会将其调出并显示在表格中,供客户查看。目前我正在存储我的信息并显示一个表,但是所有的值都没有定义。有人能帮我看看哪里出了问题吗?我相信这是我的toTable函数,但我不确定怎么做。这是我到目前为止的代码。任何帮助都将不胜感激,因为我仍在学习如何充分使用Javascript HTML调用Javascript 在找到的表解决方案中显示sessionStorage中的数据,javascript,html,html-table,sessionstorage,Javascript,Html,Html Table,Sessionstorage,我正在建立一个订购网站,这样当一个项目被添加到购物篮中时,它就会被存储在sessionStorage中。然后会将其调出并显示在表格中,供客户查看。目前我正在存储我的信息并显示一个表,但是所有的值都没有定义。有人能帮我看看哪里出了问题吗?我相信这是我的toTable函数,但我不确定怎么做。这是我到目前为止的代码。任何帮助都将不胜感激,因为我仍在学习如何充分使用Javascript HTML调用 var basket = sessionStorage.bask; if(basket){
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>£'+basket[key].price+'</td></tr>';
}
str+= '<tr><td colspan="3"> Total Price£'+getPrice(basket).toFixed(2)+'</td></tr>';
return str+'<table/>';
}
您是否获得了表中预期的行数?在toTable的顶部添加console.log JSON.stringify basket;仔细检查控制台上显示的内容或将其发布到此处。我得到了预期的行数。发布这个问题后,我发现了toTable函数中的错误,而不是我需要的[0]、[1]和[2]的大小、名称和价格。谢谢你的回复。很好,你找到了答案。以后,请添加评论或用您找到的解决方案编辑您的问题。