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 相关文章推荐
jQuery前端分页示例分享
Feb 10 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
javascript表达式和运算符详解
Feb 07 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
基于Vue+element-ui 的Table二次封装的实现
Jul 20 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 Javascript
支付宝小程序实现省市区三级联动
Jun 21 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
JS跨浏览器解析XML应用过程详解
Oct 16 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
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
详解vue中computed 和 watch的异同
2017/06/30 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
2018/02/04 Javascript
微信小程序开发之转发分享功能
2019/10/22 Javascript
python 正则表达式 概述及常用字符
2009/05/04 Python
Python利用IPython提高开发效率
2016/08/10 Python
python+selenium+autoit实现文件上传功能
2017/08/23 Python
基于python的字节编译详解
2017/09/20 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
Python中断多重循环的几种方式详解
2020/02/10 Python
Python更新所有已安装包的操作
2020/02/13 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
工程专业应届生求职信
2014/02/19 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
课外活动总结范文
2014/07/09 职场文书
项目转让协议书
2014/10/27 职场文书
专职安全员岗位职责
2015/04/11 职场文书
会议通知
2015/04/15 职场文书
归途列车观后感
2015/06/17 职场文书
教师师德承诺书2016
2016/03/25 职场文书
Python pygame实现中国象棋单机版源码
2021/06/20 Python
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle