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中的如何定位固定层的位置
Jun 15 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 Javascript
在线引用最新jquery文件的实现方法
Aug 26 Javascript
分类解析jQuery选择器
Nov 23 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
Aug 31 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 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
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
PHP的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
关于textarea提交的内容无法换行的解决办法
2013/04/09 Javascript
jQuery回车实现登录简单实现
2013/08/20 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
如何判断Javascript对象是否存在的简单实例
2016/05/18 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
python爬取网站数据保存使用的方法
2013/11/20 Python
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
python绘制多个曲线的折线图
2020/03/23 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python打包成so文件过程解析
2019/09/28 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
2020/11/02 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
linux面试题参考答案(8)
2016/04/19 面试题
心得体会范文
2014/01/04 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
12岁生日演讲稿
2014/05/14 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
财务个人年度总结范文
2015/02/26 职场文书
2015年秋季新学期寄语
2015/03/25 职场文书