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>
在线演示:
分享到:
相关推荐
声明了一个JSON字符串直接遍历,在Chrome控制台下面报错,解决方法是将JSON字符串转换为JavaScript对象
$.each:该方法用于遍历任何集合,包括数组和对象 $(selector).each:该方法用于遍历Jquery对象 语法:$.each(obj,callback,args) ①遍历数组 var arry = [“a”,”b”,”c...$.each(json, function(key,value){…}) 回
主要介绍了jQuery使用$.each遍历json数组的简单实现方法,结合实例形式分析了each方法遍历json数组的实现技巧与相关注意事项,需要的朋友可以参考下
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等,在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
$.each() 与 $().each之间的区别,$.each是一个通用的迭代函数,可用于近似地迭代 对象和数组,这个函数与$().each是专用用于迭代和执行jquery对象函数。而这个函数可以用于迭代任何对象,这个函数的回调中包含两个...
$.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...
本文实例讲述了jQuery通用的全局遍历方法$.each()用法。分享给大家供大家参考,具体如下: 1.test.json文件代码: [ { username: 张三, content: 沙发. }, { username: 李四, content: 板凳. }, { ...
使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()工具函数筛选数组中的元素 使用$.map()工具函数变更数组中的元素 使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的...
ajax中若没有定义...$.each jquery.each for (var i in array) { array[i]. } 以上这篇JS解析后台返回的JSON格式数据实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
get(index) index(subject) 数据缓存 data([name] , [value]) data(obj) removeData(name) $.data([el], [key], [val]) 队列控制 queue(name ,[cb|queue]) dequeue(name) clearQueue([queueName]) 插件机制 jQuery....
先我们来看一个官方的实例使用 AJAX 请求来获得 JSON 数据,并输出结果: 代码如下:$(“button”).click(function(){ $.getJSON(“demo_ajax_json.js”,function(result){ $.each(result, function(i, field){ $...
$.getJSON(url,[data],[fn]) $.getScript(url,[callback]) $.post(url,[data],[fn],[type]) ajax 事件 ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop...
$.getJSON(url, [data], [fn]) $.getScript(url, [callback]) $.post(url, [data], [fn], [type]) Ajax 事件 ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop...