例如,这里有一个元素,比如用于将项目添加到购物篮的按钮以及用于保存在localStorage中的相应属性 .
var productArray=[];
$(document).on('click','[cartBtn]',function(e){
e.preventDefault();
$(this).html('Added to cart');
console.log('Item added ');
var productJSON={"id":$(this).attr('pr_id'), "nameEn":$(this).attr('pr_name_en'), "price":$(this).attr('pr_price'), "image":$(this).attr('pr_image')};
if(localStorage.getObj('product')!==null){
productArray=localStorage.getObj('product');
productArray.push(productJSON);
localStorage.setObj('product', productArray);
}
else{
productArray.push(productJSON);
localStorage.setObj('product', productArray);
}
});
Storage.prototype.setObj = function(key, value) {
this.setItem(key, JSON.stringify(value));
}
Storage.prototype.getObj = function(key) {
var value = this.getItem(key);
return value && JSON.parse(value);
}
将JSON对象添加到Array结果后(在LocalStorage中):
[{“id”:“99”,“nameEn”:“Product Name1”,“price”:“767”,“image”:“1462012597217.jpeg”},{“id”:“93”,“nameEn” :“Product Name2”,“price”:“76”,“image”:“1461449637106.jpeg”},{“id”:“94”,“nameEn”:“Product Name3”,“price”:“87” , “图像”: “1461449679506.jpeg”}]
在此操作之后,您可以轻松地将数据作为List中的Java发送到服务器
完整的代码示例在这里