jQuery遍历json数组怎么整。。 - ITeye问答

问答首页 → Web前端技术

0 0

jQuery遍历json数组怎么整。。3

{"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"valu
e\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}

json数组如上，在jQuery中这么遍历没效果：
    $.each(data,function(i,n){
     f += ''+ n.text + '';
          });
不知道是哪里写错咯。。

2008年11月13日 10:58

d8111
0
0 0 0

2个答案按时间排序按投票排序

0 0

采纳的答案

这样：

[
	{
		"text" : "王家湾",
		"value" : "9"
	},
	{
		"text" : "李家湾",
		"value" : "10"
	},
	{
		"text" : "邵家湾",
		"value" : "13"
	}
]


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>

<script type="text/javascript" src="script/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#letter-e .button").click(function(){
			$.getJSON("e.json",function(data){
				$("#dictionary").empty();
				$.each(data,function(entryIndex,entry){
					var html = '<div class="entry">';
					html += '<div class="text">' + entry['text'] + '</div>';
					html += '<div class="value">' + entry['value'] + '</div>';
					html += '</div>';					
					$('#dictionary').append(html);
				});				
			});			
		});
	});	
</script>
</head>
<body>
<div class="letters">
	<div class="letter" id="letter-e">
		<h3>E</h3>
		<div class="button">Load</div>
	</div>
</div>
<div id="dictionary">
</div>
</body>
</html>

2008年11月13日 11:30

上一站，火星
1034
0 0 0

添加评论

0 0

   $.each([color=red]data.options,[/color]function(i,n){
     f += ''+ n.text + '';
          });

你的data中只有一个属性为options，这个options才是数组，你遍历的是data对象，传递进去的n是对象options

2008年11月13日 11:03

jones
1626
0 0 0

添加评论

相关推荐

JQuery遍历json数组的3种方法: 总结以上内容，我们可以看到，在使用jQuery遍历JSON数组或对象时，有多种方法可供选择。使用jQuery的$.each()方法是最简单直接的方式，而JavaScript原生的for循环提供了更多灵活性，可以根据具体需求选择合适的遍历...

jQuery 遍历json数组的实现代码: 首先，我们看看使用jQuery遍历JSON数组的方法。 jQuery提供了`.each()`方法，它用于遍历jQuery对象或数组。在遍历JSON数组时，我们可以将JSON对象转换为jQuery对象，然后使用`.each()`进行迭代。示例代码如下： ...

jQuery通过ajax请求php遍历json数组到table中的代码(推荐): 3. HTML表格操作：利用jQuery遍历JSON数据，并动态地构建表格行添加到页面的表格中。 4. PHP后端数据处理：创建数组，使用json_encode()函数将数组转换成JSON字符串。 5. 使用$.each()进行数据迭代：$.each()方法...

Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在: 1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { ...

js实现json数组分组合并操作示例: 1. **遍历JSON数组**：在示例中，我们首先通过`for`循环遍历输入的JSON数组`arr`。这是JavaScript中处理数组的基本方法。`for`循环的语法为： ```javascript for (var i = 0; i ; i++) { // 循环体 } ``` ...

jQuery使用$.each遍历json数组的简单实现方法: ### jQuery使用$.each方法遍历JSON数组 #### 1. jQuery $.each方法概述 jQuery中的$.each方法是一个强大的工具，它允许开发者遍历JavaScript数组或对象。它模仿了jQuery中的其他迭代方法，比如$.map、$.grep等，但...

Jquery遍历json的两种数据结构[参照].pdf: 2. **遍历JSON数组**：如果JSON数据是一个数组，同样可以使用`$.each()`，但此时的`content`参数将是数组中的每个元素。例如： ```javascript var arr = [{name: 'John', lang: 'JS'}, {name: 'Jane', lang: '...

Jquery遍历Json数据的方法: ### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势在Web开发中，经常需要处理和展示来自服务器的数据，尤其是在构建动态的网页内容时。JSON（JavaScript Object Notation）数据格式因其...

JS简单循环遍历json数组的方法: 本篇文章将详细介绍如何使用JavaScript和jQuery来简单循环遍历JSON数组。首先，让我们看一个简单的JSON数组示例： ```javascript var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":...

Jquery遍历json的两种数据结构.docx: 在jQuery中，遍历JSON数组的例子如下： ```javascript var arr = [{name: "john", lang: "js"}, {name: "nailwl", lang: "jquery"}, {name: "吴磊", lang: "ext"}]; $.each(arr, function(index, content) { alert...

jQuery遍历json的方法(推荐): 首先，文档标题提到了“jQuery遍历json的方法”，这里指的是使用jQuery来处理从服务器接收的JSON格式数据。JSON是JavaScript Object Notation的缩写，它是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于...

Jquery遍历json的两种数据结构.pdf: 在JavaScript和jQuery中，遍历JSON数据、解析JSON字符串以及发送AJAX请求都是常见的操作。而在服务器端，Java等编程语言提供了丰富的库来处理JSON的序列化和反序列化。了解并熟练掌握JSON的使用，对于提升Web开发的...

jQuery的ajax和遍历数组json实例代码: 在给定的标题和描述中，我们关注的是如何使用jQuery的`$.ajax()`方法发送AJAX请求，并通过`$.each()`函数遍历接收到的JSON数组。下面将详细介绍这两个功能及其相关知识点。首先，`$.ajax()`是jQuery提供的一个异步...

jquery遍历筛选数组的几种方法和遍历解析json对象: 在示例中，它被用来遍历JSON对象`anObject`和数组`anArray`。对于对象，`each()` 将迭代每个属性（键值对），而对于数组，它会迭代每个索引和对应的值。 3. **jQuery inArray() 方法**： `$.inArray()` 用于查找...

jQuery遍历json的方法分析: 本文将详细介绍jQuery遍历JSON数据的方法，并结合实例来分析相关技巧。首先，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript的...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics