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分页效果示例
Oct 11 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
jQuery+ajax实现动态执行脚本的方法
Jan 27 Javascript
JavaScript返回网页中锚点数目的方法
Apr 03 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
Oct 09 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
JS 调试中常见的报错问题解决方法
May 20 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 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压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
浅谈php://filter的妙用
2019/03/05 PHP
PHP session垃圾回收机制实例分析
2019/06/28 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
PHP7变量处理机制修改
2021/03/09 PHP
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
js格式化时间的方法
2015/12/18 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
2018/11/30 Javascript
通过原生vue添加滚动加载更多功能
2019/11/21 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
python中reload(module)的用法示例详解
2017/09/15 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
Python的几种主动结束程序方式
2019/11/22 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
python Gabor滤波器讲解
2020/10/26 Python
世界上最大的在线旅行社新加坡网站:Expedia新加坡
2016/08/25 全球购物
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
优秀毕业生事迹材料
2014/02/12 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
自我鉴定总结
2014/03/24 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
董事长助理岗位职责
2015/02/11 职场文书
保管员岗位职责
2015/02/14 职场文书
博物馆观后感
2015/06/05 职场文书
文明礼仪主题班会
2015/08/13 职场文书
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP