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 相关文章推荐
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
May 28 Javascript
Extjs4 类的定义和扩展实例
Jun 28 Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
javascript实现模拟时钟的方法
May 13 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
Echarts如何重新渲染实例详解
May 30 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
2006/12/13 PHP
PHP获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
JS 继承实例分析
2008/11/04 Javascript
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
2013/11/20 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
Vue-cli3多页面配置详解
2020/03/22 Javascript
JS实现炫酷轮播图
2020/11/15 Javascript
vue form表单post请求结合Servlet实现文件上传功能
2021/01/22 Vue.js
Ubuntu下安装PyV8
2016/03/13 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
python爬虫增加访问量的方法
2019/08/22 Python
详解python中的模块及包导入
2019/08/30 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
体育教师自荐信范文
2013/12/16 职场文书
幼儿教育感言
2014/02/05 职场文书
三查三看党性分析材料
2014/02/18 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
工作决心书范文
2014/03/11 职场文书
活动总结范文
2014/08/30 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
教师节感谢信
2015/01/22 职场文书
毕业班工作总结
2015/08/10 职场文书
火锅店的开业营销方案范本!
2019/07/05 职场文书
什么是SOLID
2022/03/24 Javascript