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与Ajax常用代码实现对比
Oct 03 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
Bootstrap的图片轮播示例代码
Aug 31 Javascript
跟我学习JScript的Bug与内存管理
Nov 18 Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 Javascript
简单实现轮播图效果的实例
Jul 15 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
vue项目在线上服务器访问失败原因分析
Aug 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
php实现四舍五入的方法小结
2015/03/03 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
用jQuery向div中添加Html文本内容的简单实现
2016/07/13 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
Ajax异步文件上传与NodeJS express服务端处理
2017/04/01 NodeJs
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
[03:39]DOTA2英雄梦之声_第05期_幽鬼
2014/06/23 DOTA
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
Python 调用Java实例详解
2017/06/02 Python
Python input函数使用实例解析
2019/11/22 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
python代码区分大小写吗
2020/06/17 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
python程序实现BTC(比特币)挖矿的完整代码
2021/01/20 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
美国时尚在线:Showpo
2017/09/08 全球购物
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
安全目标责任书
2014/07/22 职场文书
结婚十年感言
2015/07/31 职场文书
汉语拼音教学反思
2016/02/22 职场文书
Spring Boot两种全局配置和两种注解的操作方法
2021/06/29 Java/Android
vue+element ui实现锚点定位
2021/06/29 Vue.js
vue3不同环境下实现配置代理
2022/05/25 Vue.js
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL