localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车
最新推荐文章于 2024-01-30 09:50:39 发布

wdbsrl 于 2016-04-15 08:54:59 发布
localStorage.setItem("key","value"); localStorage.key = "value" localStorage.getItem("key"); localStorage.key; localStorage.removeItem("key") var students = { liyang:{name:"liyang",age:17}, lilei:{name:"lilei",age:18} } students = JSON.stringify(students); localStorage.setItem("students",students); var students = localStorage.getItem("students"); students = JSON.parse(students); utils = { setParam : function (name,value){ localStorage.setItem(name,value) }, getParam : function(name){ return localStorage.getItem(name) } } product={ id:0, name:"", num:0, price:0.00 }; orderdetail={ username:"", phone:"", address:"", zipcode:"", totalNumber:0, totalAmount:0.00 } cart = { addproduct: function (product) { var ShoppingCart = utils.getParam("ShoppingCart"); if (ShoppingCart == null || ShoppingCart == "") { var jsonstr = { "productlist": [{ "id": product.id, "name": product.name, "num": product.num, "price": product.price}], "totalNumber": product.num, "totalAmount": (product.price * product.num) }; utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr)); } else { var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length)); var productlist = jsonstr.productlist; var result = false; for (var i in productlist) { if (productlist[i].id == product.id) { productlist[i].num = parseInt(productlist[i].num) + parseInt(product.num); result = true; } } if (!result) { productlist.push({ "id": product.id, "name": product.name, "num": product.num, "price": product.price }); } jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + parseInt(product.num); jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + (parseInt(product.num) * parseFloat(product.price)); orderdetail.totalNumber = jsonstr.totalNumber; orderdetail.totalAmount = jsonstr.totalAmount; utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr)); } }, updateproductnum: function (id, num) { var ShoppingCart = utils.getParam("ShoppingCart"); var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length)); var productlist = jsonstr.productlist; for (var i in productlist) { if (productlist[i].id == id) { jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + (parseInt(num) - parseInt(productlist[i].num)); jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + ((parseInt(num) * parseFloat(productlist[i].price)) - parseInt(productlist[i].num) * parseFloat(productlist[i].price)); productlist[i].num = parseInt(num); orderdetail.totalNumber = jsonstr.totalNumber; orderdetail.totalAmount = jsonstr.totalAmount; utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr)); return; } } }, getproductlist: function () { var ShoppingCart = utils.getParam("ShoppingCart"); var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length)); var productlist = jsonstr.productlist; orderdetail.totalNumber = jsonstr.totalNumber; orderdetail.totalAmount = jsonstr.totalAmount; return productlist; }, existproduct: function (id) { var result = false; var ShoppingCart = utils.getParam("ShoppingCart"); if (ShoppingCart != null) { var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length)); var productlist = jsonstr.productlist; for (var i in productlist) { if (productlist[i].id == id) { result = true; } } } return result; }, deleteproduct: function (id) { var ShoppingCart = utils.getParam("ShoppingCart"); var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length)); var productlist = jsonstr.productlist; var list = []; for (var i in productlist) { if (productlist[i].id == id) { jsonstr.totalNumber = parseInt(jsonstr.totalNumber) - parseInt(productlist[i].num); jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) - parseInt(productlist[i].num) * parseFloat(productlist[i].price); } else { list.push(productlist[i]); } } jsonstr.productlist = list; orderdetail.totalNumber = jsonstr.totalNumber; orderdetail.totalAmount = jsonstr.totalAmount; utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr)); } }; var product = { 'id': id, 'name': 'hhh', 'num':jq('#text-4').val(), 'price':199.9 }; cart.addproduct(product); var productlist=cart.getproductlist(); alert('', '商品:'+productlist[0].id+' '+productlist[0].name+' '+productlist[0].num+' '+productlist[0].price, '确定'); 相关知识
web前端开发爱尚鲜花.rar资源
json格式
【毕业设计之html系列】基于html5的花店网站设计
前端简历模板
佐田门窗 data=JSON
day02
如何构建一个具备用户注册、鲜花检索、购物车以及订单查询功能的网上鲜花店信息管理系统?请结合JSP技术和JAVA语言进行详细说明。
JSON格式化 json在线解析工具 在线json格式校验
HTML5开发移动web应用——SAP UI5篇(1)
慕尚花坊笔记
网址: localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车 https://m.huajiangbk.com/newsview1231237.html