`
likebin
  • 浏览: 6269 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jquery $.each json 获取json 数据

阅读更多

json有严格的格式要求

格式1:

 <script>

var data1={"options":"[{\"text\":\"李好\",\"value\":\"21\"},{\"text\":\"李坏\",\"value\":\"22\"},{\"text\":\"李好坏\",\"value\":\"23\"}]"} ;
     $(function(){
        $.each(eval('('+data1.options+')'),function(i,item){//这里必须转化data.options 不然会报错
          alert("我是:"+item.text+"今年:"+item.value+"岁");
        });
     });
  </script>

 

格式2:

 

   <script>
   var data=[{"text":"李好","value":"21"},{"text":"李坏","value":"22"},{"text":"李好坏","value":"23"}] ;
     $(function(){
        $.each(data,function(i,item){
          alert("我是:"+item.text+"  今年:"+item.value+"岁");
        });
     });
  </script>

在线演示:

 

分享到:
评论

相关推荐

    JQuery $.each遍历JavaScript数组对象实例

    声明了一个JSON字符串直接遍历,在Chrome控制台下面报错,解决方法是将JSON字符串转换为JavaScript对象

    深入理解$.each和$(selector).each

    $.each:该方法用于遍历任何集合,包括数组和对象 $(selector).each:该方法用于遍历Jquery对象 语法:$.each(obj,callback,args) ①遍历数组 var arry = [“a”,”b”,”c...$.each(json, function(key,value){…}) 回

    jQuery使用$.each遍历json数组的简单实现方法

    主要介绍了jQuery使用$.each遍历json数组的简单实现方法,结合实例形式分析了each方法遍历json数组的实现技巧与相关注意事项,需要的朋友可以参考下

    Jquery中的$.each获取各种返回类型数据的使用方法

    each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等,在javaScript开发过程中使用$each可以大大的减轻我们的工作量。

    $.each与$().each的区别示例介绍

    $.each() 与 $().each之间的区别,$.each是一个通用的迭代函数,可用于近似地迭代 对象和数组,这个函数与$().each是专用用于迭代和执行jquery对象函数。而这个函数可以用于迭代任何对象,这个函数的回调中包含两个...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jQuery通用的全局遍历方法$.each()用法实例

    本文实例讲述了jQuery通用的全局遍历方法$.each()用法。分享给大家供大家参考,具体如下: 1.test.json文件代码: [ { username: 张三, content: 沙发. }, { username: 李四, content: 板凳. }, { ...

    JQuery权威指南源代码

    使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()工具函数筛选数组中的元素 使用$.map()工具函数变更数组中的元素 使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的...

    JS解析后台返回的JSON格式数据实例

    ajax中若没有定义...$.each jquery.each for (var i in array) { array[i]. } 以上这篇JS解析后台返回的JSON格式数据实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    jQuery1.4 API

    get(index) index(subject) 数据缓存 data([name] , [value]) data(obj) removeData(name) $.data([el], [key], [val]) 队列控制 queue(name ,[cb|queue]) dequeue(name) clearQueue([queueName]) 插件机制 jQuery....

    jQuery Ajax异步处理Json数据详解

    先我们来看一个官方的实例使用 AJAX 请求来获得 JSON 数据,并输出结果: 代码如下:$(“button”).click(function(){ $.getJSON(“demo_ajax_json.js”,function(result){ $.each(result, function(i, field){ $...

    jquery1.11.0手册

    $.getJSON(url,[data],[fn]) $.getScript(url,[callback]) $.post(url,[data],[fn],[type]) ajax 事件 ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop...

    Jquery 1.3 简体中文手册

    $.getJSON(url, [data], [fn]) $.getScript(url, [callback]) $.post(url, [data], [fn], [type]) Ajax 事件 ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop...

Global site tag (gtag.js) - Google Analytics