jQuery each用法及each解析json

$(function(){
    $("button").click(
    function(){
    var a1="";
    var a2="";
    var a3="";
    var a4="";
    var a5="";
    var colors=[‘red‘,‘blue‘,‘green‘,‘yellow‘,‘black‘,‘white‘,‘orange‘];
    var color_ary=[{‘id‘:‘red‘,‘code‘:‘01‘},{‘id‘:‘blue‘,‘code‘:‘02‘},{‘id‘:‘green‘,‘code‘:‘03‘},{‘id‘:‘yellow‘,‘code‘:‘04‘},
             {‘id‘:‘black‘,‘code‘:‘05‘},{‘id‘:‘white‘,‘code‘:‘06‘},{‘id‘:‘orange‘,‘code‘:‘07‘}];

      $.each(colors,function(item){a1+=item+",";});
      //each方法中的函数参数为一个时,此参数为遍历的索引值,同for循环的 i 变量。
      $.each(colors,function(index,item){a2+=item[index]+",";});
      //each方法中的函数参数为两个时,item为数组的每一项,item[index]返回的是对item对象的提取。
      $.each(colors,function(index,item){a3+=item+",";});
      //item为数组的每一项,如此可正常的显示数组,同样的color[index]也可正常的显示数组。
      $.each(color_ary,function(index,item){a4+=item.id+":"+item.code+",";});
      //当数据为json格式时,可以如此来解析此json
      $.each(color_ary,function(index,item){a5+=color_ary[index].id+":"+color_ary[index].code+",";});
      //当数据为json格式时,也可以如此来解析此json

      $("div").text(a1);
      $("p").text(a2);
      $("span").text(a3);
      $("b").text(a4);
      $("em").text(a5)
      })
})

 

时间: 2024-08-09 06:34:38

jQuery each用法及each解析json的相关文章

jQuery解析json详解

jQuery解析Json详解:http://www.cnblogs.com/madyina/p/3448518.html JSON简介及用法:http://bbs.html5cn.org/thread-87020-1-1.html 不建议使用eval()函数,因为eval()接受任意的字符串,并当作JavaScript代码来处理,这个机制已经有安全隐患了 var str='{ "name": "John" }'; var obj = eval  ('(' + str

Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in f

jquery : eval() 解析json的注意

jquery eval解析JSON中的注意点介绍 来在:http://www.jb51.net/article/40842.htm 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形

jquery中解析JSON字符串的办法

data.msg传递了C#中构造的JSON字符串,使用下面两种在jquery中解析,都能正常工作 //解析返回的数据 var jsonValue = jQuery.parseJSON(data.msg); var jsonValue = eval('(' + data.msg + ')'); 附: /构造JSON字符串 string jsonStr = "{\"verifyOpinion\":\"" + temp.verifyResult + "

Cocos2d-x 3.0 Json用法 Cocos2d-x xml解析

Cocos2d-x 3.0 加入了rapidjson库用于json解析.位于external/json下. rapidjson 项目地址:http://code.google.com/p/rapidjson/wiki:http://code.google.com/p/rapidjson/wiki/UserGuide 下面就通过实例代码讲解rapidjson的用法. 使用rapidjson解析json串 引入头文件 1 2 #include "json/rapidjson.h" #inc

springMVC框架下JQuery传递并解析Json数据

json作为一种轻量级的数据交换格式,在前后台数据交换中占领着很重要的地位.Json的语法很简单,採用的是键值对表示形式.JSON 能够将 JavaScript 对象中表示的一组数据转换为字符串,然后就能够在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给server端程序,也能够从server端程序传递json格式的字符串给前端并由前端解释.这个字符串是符合json语法的,而json语法又是javascript语法的子集,所以javascript很easy解释

js jquery前台解析json字符串

一.js解析json字符串 eval()和JSON.parse() 对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,就是将该字符串放于eval()中执行一次.这种方式也适合以普通javascipt方式获取json对象,以下举例说明: var dataObj=eval("("+data+")");//转换为json对象 为什么eval这里要添加 "("+data+")&

Jquery解析json字符串、json数组

<!doctype html> <html> <head> <meta charset="utf-8"> <script src="../js/libs/jquery-1.6.2.min.js"></script> </head> <body> <hr /> <h3>解析json字符串.json数组</h3> <input typ

jquery eval解析JSON中的注意点介绍

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:使用eval()函数.使用Function对象来进行返回解析,下面有个示例,感兴趣的朋友可以参考下 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,