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的MessageBox
Dec 03 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
js微信分享API
Oct 11 Javascript
获取url中用&amp;隔开的参数实例(分享)
May 28 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
取消Bootstrap的dropdown-menu点击默认关闭事件方法
Aug 10 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
js new Date()实例测试
Oct 31 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 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中常用编辑器推荐
2007/01/02 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
vue.js的安装方法
2017/05/12 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
对node.js中render和send的用法详解
2018/05/14 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
Python实现包含min函数的栈
2016/04/29 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
在HTML5中如何使用CSS建立不可选的文字
2014/10/17 HTML / CSS
浅谈利用缓存来优化HTML5 Canvas程序的性能
2015/05/12 HTML / CSS
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
自动化专业个人求职信范文
2013/12/30 职场文书
《莫高窟》教学反思
2014/02/25 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
团组织推荐意见
2015/06/05 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis