例如,这里有一个元素,比如用于将项目添加到购物篮的按钮以及用于保存在localStorage中的相应属性 .

'Add to cart'

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发送到服务器

完整的代码示例在这里

java往json里添加对象_将新数组元素添加到JSON对象相关推荐

  1. vue 中遍历数组对象 存到一个新数组里

    vue 中遍历数组对象 存到一个新数组里(亲测可行!!!) 参考文档 : MDN-解构赋值 方法一 : For of 迭代和解构 var people = [{name: 'Mike Smith',f ...

  2. python3迭代器和可迭代对象_一文读懂 Python3 可迭代对象、迭代器、生成器区别...

    笔者学习Python已有一段时间,一直以为对于可迭代对象(iterable).迭代器(iterator).生成器(generator)有一定理解了,直到看到<流畅的python>中的讲解才 ...

  3. java声明不可变数组_如何使数组元素在Java中不可变?

    不,您不能使数组的元素不变. 但是java.util.Collections类的unmodifiableList()方法接受List接口的一个对象(实现其类的对象),并返回给定对象的不可修改形式.用户 ...

  4. 一、Java语言基础(4)_方法和数组——数组

    2018-04-25 不悔梦归处,只恨未尽心 数组 一.一维数组 数组的含义:具有相同类型的多个变量按有序形式组织起来的数据形式.(数组是用来存储固定大小的同类型元素.) 数组的定义: 方式1(推荐使 ...

  5. java 给数组添加删除数_Java实现数组的添加、删除、查找(基础型)

    /*delete add find */ public class ArrayTest { /** * @param args */ /*定义数组大小*/ private static int COU ...

  6. 苹果手机怎么在照片上添加文字_要给照片快速添加文字、图框、印章,用这款手机软件比较方便...

    现在手机的拍照功能越来越先进,人们走到哪儿,都会随拍几张照片,那么,如何后期才能让照片更加的赏心悦目呢?主要从添加文字.漂亮的文字排版.添加相框.以及添加印章元素等几个方面去处理.比如像下面几张照片的 ...

  7. html中p元素添加超链接_如何在HTML中添加超链接

    html中p元素添加超链接 How To Build a Website With HTML 如何使用HTML构建网站 This tutorial series will guide you thro ...

  8. wordpress添加媒体_如何在WordPress中添加jQuery FAQ手风琴

    wordpress添加媒体 Recently one of our users asked us if there was a way for them to add a FAQ accordion ...

  9. wordpress添加媒体_如何在WordPress中添加新帖子并利用所有功能

    wordpress添加媒体 Are you trying to create a new post in WordPress? Do you want to learn about all the W ...

  10. python list增加元素_将字符串的元素添加到列表中(python)

    该程序设计用于获取由数字(任意长度)组成的字符串,并将该字符串的内容输出到列表中,一次一位数字.如果数字x小于或等于前面的数字y,则数字x将被插入到子列表中.在数字z大于y之前,x和z之间的所有内容都 ...

最新文章

  1. 理解oracle中连接和会话
  2. c语言 爬虫 socket,爬虫遇到 Socket,莫慌,肝就完了!
  3. JavaScript: 设置Cookie
  4. echarts - geo 绘制无数据区域的区域
  5. Maven学习总结(14)——Maven 多模块项目如何分工?
  6. mysql的join算法_mysql的Join算法-阿里云开发者社区
  7. loj#10050-The XOR Largest Pair【Trie(字典树)】
  8. 11input/output
  9. Python高级——GIL全局解释器锁问题
  10. 知新 | koa框架入门到熟练第二章
  11. UVA11870 Antonyms【并查集】
  12. 警惕!这5种“脸色”在暗示你这些健康问题!
  13. 企业级项目实战讲解!Java获取某个日期的前一天
  14. jdbc连接timesten_采用java链接timesten内存数据库
  15. 物联网设备开发中常说的 AT 指令集是什么?
  16. 【python】面向对象和正则表达式
  17. Mac 在当前目录打开终端
  18. python-decouple简介
  19. 面试被虐题— 谨以此致,mark一个悲惨的下午
  20. 2016年8月12日 星期五 --出埃及记 Exodus 16:13

热门文章

  1. 新版 世界地图 中文版地图 国界地图 高清全彩矢量地图 CDR 2021年整理制作
  2. 从 HTML 提取文本的 7 个工具
  3. 西门子V90 PN伺服EPOS模式+FB284功能库使用示例教程(图文)
  4. 1200,1500PLC通过将FB284封装成一个标准FB块控制V90PN伺服EPOS定位
  5. java html组态软件_工业4.0:换热站最酷设计—— Web SCADA 工业组态软件界面
  6. python3调用arcpy地理加权回归_地理加权回归( GWR)
  7. 嵌入式系统开发笔记100:使用FlyMcu下载程序到STM32单片机
  8. apiDoc之api接口文档生成
  9. 图像分辨率测试—imatest
  10. C语言 文件读写 ftell 函数 - C语言零基础入门教程