jQuery 遍历json数组的实现代码


Posted in Javascript onSeptember 22, 2020

看到网上有很多朋友问遍历json数组的代码,三水点靠木特为大家整理了一些,需要的朋友可以看下。

<script type="text/javascript"> 
var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}]; 
$(d1).each(function(){ 
alert(this.text+" "+this.value); 
}); 
</script>

不用JQuery

<script type="text/javascript"> 
var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"} 
json = eval(json.options) 
for(var i=0; i<json.length; i++) 
{ 
alert(json[i].text+" " + json[i].value) 
} 
</script>

js遍历json数组

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript"> 
function e() 
{ 
var json=[{"kl_id":"2","kl_title":"Test date","kl_content":"Test date","kl_type":"1","id":"1"},{"kl_id":"2","kl_title":"Test","kl_content":"Test","kl_type":"1","id":"2"}] 
var str = ""; 
for (var one in json) 
{ 
for(var key in json[one]) 
{ 
str += json[one][key] + ","; 
} 
} 
document.form.txtName.value = str; 
} 
</script> 
</HEAD> 

<BODY> 
<form name="form"> 
<a href="#" onclick="e();">Click</a> 
<br> 
<input name="txtName" value="" type="text" size="50"> 
</form> 
</BODY> 
</HTML>

到此这篇关于jQuery 遍历json数组的实现代码的文章就介绍到这了,更多相关jQuery 遍历json数组内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 获得选中文本内容的方法
Feb 15 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
May 03 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 Javascript
Javascript load Page,load css,load js实现代码
Mar 31 #Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 #Javascript
jquery+json实现的搜索加分页效果
Mar 31 #Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 #Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 #Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 #Javascript
javascript中的107个基础知识收集整理 推荐
Mar 29 #Javascript
You might like
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
jquery实现的动态回到顶部特效代码
2015/10/28 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
微信小程序适配iphoneX的实现方法
2018/09/18 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
2019/07/10 jQuery
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
微信小程序组件生命周期的踩坑记录
2021/03/03 Javascript
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
python实现TCP文件传输
2020/03/20 Python
软件项目开发计划书
2014/05/01 职场文书
幼儿老师求职信
2014/06/30 职场文书
法人代表证明书格式
2014/10/01 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
房屋产权证明书
2014/10/15 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
Python+tkinter实现高清图片保存
2022/03/13 Python
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android