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网页实时倒计时精确到秒级
Feb 10 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
浅谈时钟的生成(js手写简洁代码)
Aug 20 Javascript
JavaScript实现星星等级评价功能
Mar 22 Javascript
Vue 使用beforeEach实现登录状态检查功能
Oct 31 Javascript
关于vue-cli3打包代码后白屏的解决方案
Sep 02 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 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详细彻底学习Smarty
2008/03/27 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
处理(php-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
PHP+Ajax 检测网络是否正常实例详解
2016/12/16 PHP
php表单习惯用的正则表达式
2017/10/11 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
2016/05/17 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
2018/11/23 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
Python中生成器和yield语句的用法详解
2015/04/17 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
Python实现发送QQ邮件的封装
2017/07/14 Python
python实现机器人行走效果
2018/01/29 Python
Python实现基于TCP UDP协议的IPv4 IPv6模式客户端和服务端功能示例
2018/03/22 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
Python流程控制 if else实现解析
2019/09/02 Python
Python列表list操作相关知识小结
2020/01/29 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
海外淘书首选:AbeBooks
2017/07/31 全球购物
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
End Clothing美国站:英国男士潮牌商城
2018/04/20 全球购物
俄罗斯设计师家具购物网站:The Furnish
2019/12/01 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
iostream与iostream.h的区别
2015/01/16 面试题
客服专员岗位职责
2014/02/28 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript