jQuery 遍历json数组的实现代码

更新时间：2020年09月22日 11:44:15 投稿：mdxy-dxy

看到网上有很多朋友问遍历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数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JSON 和 JavaScript eval使用说明
JSON (JavaScript Object Notation) 一种轻量级的数据交换格式，比 XML 更轻巧，JSON 是JavaScript 原生格式，这意味着 JavaScript 中处理 JSON 数据不需要任何 API 和工具包。
2010-06-06
JSON schema配置规范使用教程
这篇文章主要为大家介绍了JSON schema配置规范使用教程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
解读JSON的三种格式
这篇文章主要介绍了解读JSON的三种格式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
10分钟学会js处理json的常用方法
这篇文章主要介绍了10分钟学会js处理json的常用方法,需要的朋友可以参考下
2020-12-12
任意Json转成无序列表的方法示例
这篇文章主要给大家介绍了任意Json如何转成无序列表，文中给出了详细的示例代码，相信对大家的理解和学习具有一定的参考借鉴价值，有需要的朋友们下面跟着小编来一起学习学习吧。
2016-12-12
javascript JSON操作入门实例
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
2010-04-04
一文了解什么是JWT
JSON WEB Token是一种基于JSON的、用于在网络上声明某种主张的令牌，由三部分组成: 头信息, 消息体和签名，下面就一起来了解一下什么是JWT
2023-05-05
JSON 教程 json入门学习笔记
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。
2010-04-04
JSON学习笔记
JSON我就要来了
2008-06-06
什么是json和jsonp,jQuery json实例详详细说明
JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲.其实网上关于JSONP的讲解有很多，但却千篇一律,用自己的方式来阐释一下这个问题，看看是否有帮助
2012-12-12