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 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 Javascript
Javascript开发之三数组对象实例介绍
Nov 12 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
js实现select跳转功能代码
Oct 22 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
svg动画之动态描边效果
Feb 22 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
JavaScript中filter的用法实例分析
Feb 27 Javascript
JS实现图片幻灯片效果代码实例
May 21 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+ACCESS 文章管理程序代码
2010/06/21 PHP
php学习之流程控制实现代码
2011/06/09 PHP
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
浅谈PHP中的数据传输CURL
2016/09/06 PHP
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
2009/11/30 Javascript
js 页面关闭前的出现提示的实现代码
2011/05/25 Javascript
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
UpdatePanel和Jquery冲突的解决方法
2013/04/01 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
python实现rest请求api示例
2014/04/22 Python
Python中实现对list做减法操作介绍
2015/01/09 Python
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
python 上下文管理器使用方法小结
2017/10/10 Python
python使用生成器实现可迭代对象
2018/03/20 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
毕业生文员求职信
2013/11/03 职场文书
大学生个人事迹材料
2014/01/21 职场文书
招商引资工作汇报
2014/10/28 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
天那边观后感
2015/06/09 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP