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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
List the Codec Files on a Computer
Jun 11 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
May 19 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
学习javascript面向对象 理解javascript对象
Jan 04 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
vue中el-input绑定键盘按键(按键修饰符)
Jul 22 Javascript
javascript全局自定义鼠标右键菜单
Dec 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
PHP中copy on write写时复制机制介绍
2014/05/13 PHP
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
JavaScript中的apply()方法和call()方法使用介绍
2012/07/25 Javascript
怎么清空javascript数组
2013/05/11 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
AngularJS基础知识笔记之表格
2015/05/10 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
2016/08/01 Javascript
详解javascript获取url信息的常见方法
2016/12/19 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
浅谈webpack打包之后的文件过大的解决方法
2018/03/07 Javascript
JavaScript生成随机验证码代码实例
2019/09/28 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
python读取文件名称生成list的方法
2018/04/27 Python
基于MTCNN/TensorFlow实现人脸检测
2018/05/24 Python
树莓派极简安装OpenCv的方法步骤
2019/10/10 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
PyTorch里面的torch.nn.Parameter()详解
2020/01/03 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
django修改models重建数据库的操作
2020/03/31 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
MySQL sql模式设置引起的问题
2022/05/15 MySQL