jQuery生成json对象

最新推荐文章于 2023-01-06 13:08:34 发布

原创最新推荐文章于 2023-01-06 13:08:34 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #json

JQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用jQuery从DOM元素中收集数据并将其转换为JSON格式的方法。通过遍历特定类别的元素，提取所需的数据字段，并存储在一个数组中，最后使用JSON.stringify方法将数组转化为JSON字符串。

使用此方法必须导入json2.js文件（自行百度）

代码：

var gooddata=new Array();// 新建一个数组来保存各个对象

$(".class").each(function(){//循环添加数据
var obj = new Object();//新建一个对象保存数据
obj.gnumber = $(this).find("td:eq(1)").html();
obj.gname = $(this).find("td:eq(2)").html();
obj.style = $(this).find("td:eq(3)").html();
obj.color = $(this).find("td:eq(4)").html();
obj.typestorage = $(this).find("td:eq(5)").html();
obj.gunit = $(this).find("td:eq(6)").html();
obj.gprice = $(this).find("td:eq(7)").html();
obj.gsum = $(this).find("td:eq(8) input[type=text]").val();
gooddata.push(obj);//将对象存入到数据中完成数据添加

})

gooddata = JSON.stringify(gooddata);//将数组转换成json数据

jQuery生成json数据就完成了