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下onpropertychange事件的绑定方法
Aug 01 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
从零搭一个自用的前端脚手架的方法步骤
Sep 23 Javascript
基于axios 的responseType类型的设置方法
Oct 29 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
JavaScript实现省市联动效果
Nov 22 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 根据key 给二维数组分组
2016/12/09 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
phpinfo的知识点总结
2019/10/10 PHP
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
js实现内置计时器
2019/12/16 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Python中的with...as用法介绍
2015/05/28 Python
Python操作Excel之xlsx文件
2017/03/24 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
介绍一下except的用法和作用
2015/01/22 面试题
服装公司总经理岗位职责
2013/11/30 职场文书
预备党员政审材料
2014/02/04 职场文书
百日安全活动总结
2014/05/04 职场文书
接收函格式
2015/01/30 职场文书
归元寺导游词
2015/02/06 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技