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 相关文章推荐
用jscript实现新建和保存一个word文档
Jun 15 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
简易js代码实现计算器操作
Apr 15 Javascript
JQuery选择器绑定事件及修改内容的方法
Jan 23 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
angularjs路由传值$routeParams详解
Sep 05 Javascript
五步轻松实现zTree的使用
Nov 01 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
解决eclipse中没有js代码提示的问题
Oct 10 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
原理深度解析Vue的响应式更新比React快
Apr 04 Javascript
js获取图片的base64编码并压缩
Dec 05 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模板中出现空行解决方法
2011/03/08 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
php检查日期函数checkdate用法实例
2015/03/19 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
jquery 实现拖动文件上传加载进度条功能
2018/03/18 jQuery
这样回答继承可能面试官更满意
2019/12/10 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
Python制作CSDN免积分下载器
2015/03/10 Python
以windows service方式运行Python程序的方法
2015/06/03 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
python 不以科学计数法输出的方法
2018/07/16 Python
对python调用RPC接口的实例详解
2019/01/03 Python
Python中按键来获取指定的值
2019/03/02 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
分公司经理岗位职责
2013/11/11 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
小班下学期个人总结
2015/02/12 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
创业计划书之溜冰场
2019/10/25 职场文书
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL