我正在建立一个订购站点,以便在将商品添加到购物篮时将其存储在 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>£'+basket[key].price+'</td></tr>';
}
str+= '<tr><td colspan="3"> Total Price£'+getPrice(basket).toFixed(2)+'</td></tr>';
return str+'<table/>';
}