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 相关文章推荐
js键盘事件的keyCode
Jul 29 Javascript
js同源策略详解
May 21 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
原生js简单实现放大镜特效
May 16 Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
PHP在不同页面间传递Json数据示例代码
2013/06/08 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
不同浏览器的怪癖小结
2010/07/11 Javascript
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
2016/05/11 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
js实现导航跟随效果
2018/11/17 Javascript
Python 创建子进程模块subprocess详解
2015/04/08 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
python excel和yaml文件的读取封装
2021/01/12 Python
Gap英国官网:Gap UK
2018/07/18 全球购物
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
网站创业计划书
2014/04/30 职场文书
保护环境演讲稿
2014/05/10 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
优秀求职信
2014/05/29 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
2014年党风建设工作总结
2014/11/19 职场文书
学籍证明模板
2014/11/21 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
大学学生个人总结
2015/02/15 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书