jquery对json数据进行增删改查的例子，求高手指点，我是新手，没怎么接触过

对json数据进行增删改查，大部分是要对json数组进行 *** 作，我定义一个数组，进行 *** 作

var list=[

{

id:1,

name:"张三",

age:12

},

{

id:2,

name:"李四",

age:21

},

{

id:3,

name:"王五",

age:31

}

]

这个json数组有三个对象，每个对象有三个属性，id,name,age

//增 *** 作，增加一个叫小胖的人

var obj={

id:4,

name:"小胖",

age:3

}

//push方法可以向数组进行增加 *** 作

list.push(obj)

//console.log会在浏览器f12时在控制太看到，建议用谷歌浏览器

console.log(obj)

//删 *** 作，删除刚刚叫小胖的人

//delnum用来记录要删除的人的索引

var delnum=-1

//用$.each进行循环，function里面的i，item是数组里每个对象的索引和具体对象,可以打印查看，方便理解

$.each(list,function(i,item){

console.log(i)

console.log(item)

if(item.name=="小胖"){

delnum=i

}

})

//splice方法表示从数组从索引delnum开始，删除1个对象

list.splice(delnum,1)

//打印一下

console.log(list)

//改 *** 作，修改所有人大于20岁的人，姓名前加一个“大”

//也是用$.each

$.each(list,function(i,item){

if(item.age>20){

item.name="大"+item.name

}

})

//查 *** 作，其实已经贯穿在上面了，查询所有大于20岁的人并打印出来

//用newlist记录查询的结果

var newlist=[]

//也是用$.each

$.each(list,function(i,item){

if(item.age>20){

//这一步不理解的，可以去看前面的增 *** 作

newlist.push(item)

}

})

//打印查询结果，会有姓名为李四和王五的数据出来（因为已经做了改 *** 作，其实应该是“大李四”和“大王五”）

console.log(newlist)

手敲得代码

删除的时候，获取当前删除行的行号，删除成功之后，把这一行数据删除；

其实可以用jquery的easyui 或者ligerui 来实现，还不错。这2个插件的实现：

在页面加载完成时，通过ajax去后台获取数据，封装成json，传回页面，然后将数据解析，生成table，写入数据行。当你需要对数据 *** 作时，同样也是异步 *** 作， *** 作完成之后，再去查询数据，通过js重新生成table，写入数据行。

你可以看下这2个插件的api。

---