在前端使用使用JQuery解析Json数据时,在遍历数组或者对象数据时,经常使用的函数为each。发现此函数有两种形式:

  • $.each
  • $(data).each

所达到的效果是一样的,使用方法的有一些区别。具体的区别如下:

 $(data.product_info).each(function () {
alert(this.name);
$("#product_name").append($("<option/>").text(this.name).attr("value",this.id)); }); $.each(data.product_info, function (i,item) {
alert(item.name);
$("#product_name").append($("<option/>").text(item.name).attr("value",i));
});

对应的Json数据为:

{
"product_info": [
{
"name": "IPC"
},
{
"name": "NVR"
},
{
"name": "SVR"
},
{
"name": "SVR2"
},
{
"name": "BTS"
},
{
"name": "AAA"
},
{
"name": "yyy"
}
]
}

一点个人经验:

在调试代码时,一定要找到一个观察结果的方法。可以输出打印,或者其他的方法。在使用JQuery的过程中,alert是我的利器,节省了很多的时间。

随机推荐

  1. 一种无new创建对象的方法

    var L=function(){ var obj = { age:38, live:true, job:"web dev" }; obj.name = "zhouhui ...

  2. [C++程序设计]函数的递归调用

    在调用一个函数的过程中又出现直接或间接地调用 该函数本身,称为函数的递归(recursive)调用. 包含递归调用的函数称为递归函数. 在实现递归时,在时间和空间上的开销比较大 求n! #includ ...

  3. python笔记之常用模块用法分析

    python笔记之常用模块用法分析 内置模块(不用import就可以直接使用) 常用内置函数 help(obj) 在线帮助, obj可是任何类型 callable(obj) 查看一个obj是不是可以像 ...

  4. Coins(hdu 2844 多重背包)

    Coins Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...

  5. Myeclipse6.5配置反编译插件

    PS:jad.exe位置与Myeclipse6.5安装目录平行

  6. Spring3.0.5 获取表中自增的主键(mysql)

    public int addWsstxCotent(final WsstxContent wsstxContent) { final String sql = "insert into ws ...

  7. underscoreJS的Collections 的API

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. WPF笔记(1.6 数据绑定)——Hello,WPF!

    原文:WPF笔记(1.6 数据绑定)--Hello,WPF! 这个一节都是在讲一个数据绑定的示例.功用:输入姓和名,点击Add按钮,ListBox增加一条记录,永远是字符串“name: nick”:L ...

  9. JavaSctipr 兼容、技巧、牛角尖

    关于JavaSctipt的兼容性,最懒的办法就是用jQuery的工具函数.尽量不要用那些什么ECMAScript之类的函数,因为很多浏览器都会报找不到函数的错误.下面列出一些在开发过程中碰到过的jav ...

  10. CSS之清除浮动

    一.清除浮动的目的. 1.当一个父元素的高度不写或为auto时,而且这个父元素内又有浮动的子元素,那么这时候该父元素的高度将不会自动适应子元素的高度,也可以说高度是0px; 有如下代码: <di ...