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加载XML并解析的脚本
Jul 25 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
javascript每日必学之继承
Feb 23 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
深入理解vue-loader如何使用
Jun 06 Javascript
vue生成随机验证码的示例代码
Sep 29 Javascript
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
js设计模式之代理模式及订阅发布模式实例详解
Aug 15 Javascript
Javascript数组及类数组相关原理详解
Oct 29 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
德生PL550的电路分析
2021/03/02 无线电
PHP、Java des加密解密实例
2015/04/27 PHP
几个优化WordPress中JavaScript加载体验的插件介绍
2015/12/17 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
Node.js的npm包管理器基础使用教程
2016/05/26 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
python中enumerate函数用法实例分析
2015/05/20 Python
Golang与python线程详解及简单实例
2017/04/27 Python
Python探索之修改Python搜索路径
2017/10/25 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
python列表生成器迭代器实例解析
2019/12/19 Python
Python能做什么
2020/06/02 Python
Keras搭建自编码器操作
2020/07/03 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
信息技术专业个人自我评价
2013/12/11 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
银行职员工作失误检讨书
2014/10/14 职场文书
《青山不老》教学反思
2016/02/22 职场文书
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
教你用Python+selenium搭建自动化测试环境
2021/06/18 Python