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获取GridView选择的行内容
Apr 14 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
Apr 14 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
May 27 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
Vue异步组件处理路由组件加载状态的解决方案
Sep 07 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 Javascript
JS模拟实现京东快递单号查询
Nov 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中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
php下使用以下代码连接并测试
2008/04/09 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
用python与文件进行交互的方法
2018/03/01 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
python爬虫---requests库的用法详解
2020/09/28 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
英国精品买手店:Browns Fashion
2016/09/29 全球购物
大学毕业生通用自荐信范文
2013/10/31 职场文书
自荐信要包含哪些内容
2013/11/06 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
一年级学生评语
2014/04/23 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
服务行业标语口号
2015/12/26 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
python pyhs2 的安装操作
2021/04/07 Python