在前端使用使用JQuery解析Json数据时,在遍历数组或者对象数据时,经常使用的函数为each。发现此函数有两种形式:
- $.each
- $(data).each
所达到的效果是一样的,使用方法的有一些区别。具体的区别如下:
1 $(data.product_info).each(function () { 2 alert(this.name); 3 $("#product_name").append($("<option/>").text(this.name).attr("value",this.id)); 4 5 }); 6 7 $.each(data.product_info, function (i,item) { 8 alert(item.name); 9 $("#product_name").append($("<option/>").text(item.name).attr("value",i)); 10 });
对应的Json数据为:
{ "product_info": [ { "name": "IPC" }, { "name": "NVR" }, { "name": "SVR" }, { "name": "SVR2" }, { "name": "BTS" }, { "name": "AAA" }, { "name": "yyy" } ] }
一点个人经验:
在调试代码时,一定要找到一个观察结果的方法。可以输出打印,或者其他的方法。在使用JQuery的过程中,alert是我的利器,节省了很多的时间。