`
编程足球
  • 浏览: 257887 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

jquery ajax json 数据的遍历

阅读更多
需求:进行ajax请求后,后台传递回来以下json数据
{
	"data":[
				{"id":"1","name":"选择A","value":"A"},
				{"id":"2","name":"选择B","value":"B"},
				{"id":"3","name":"选择C","value":"C"}
			]
}

对上面的json数据类在jquery 的success 函数中解析

	$.ajax({
			type: "POST",
		 	url: "xxx.do",
		   	dataType : "json",	// 指定返回类型
			data: {xxx:"yyy"},	// 传递到后台的参数
		   	success: function(data)	
		   	{
		   		$.each(data, function(index,values){   // 解析出data对应的Object数组
		   			$.each(values,function(index2,value){   // 遍历Object数组 ,每个对象的值存放在value ,index2表示为第几个对象
						//  根据自己的逻辑进行数据的处理
						alert(value.name + "  " + value.value);
                    //  TODO:  逻辑
		   			});
		   		});
		   	},
		   	error : function()
		   	{
		   		alert("系统出现问题");	
		   	}
	});
分享到:
评论

相关推荐

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...

    jQuery ajax json 数据的遍历代码

    jQuery作为一个流行的JavaScript库,提供了极其方便的方法来处理Ajax请求以及对返回的JSON数据进行遍历。以下是对给定文件中所涉及知识点的详细介绍: 1. Ajax请求 Ajax(Asynchronous JavaScript and XML)是一种...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...

    jquery ajax json struts2最简单例子测试成功

    在IT行业中,jQuery、AJAX、JSON以及Struts2是四个非常重要的技术,它们在Web开发领域中扮演着核心角色。下面将详细解释这些技术及其相互间的集成。 **jQuery** 是一个快速、简洁的JavaScript库,它简化了HTML文档...

    jQuery ajax JSON 下拉列表框级联

    1. **jQuery**:jQuery是一个高效、简洁且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本案例中,jQuery用于处理用户的交互事件,比如当用户更改省份下拉列表时触发ajax请求。 2...

    ajax_struts_jquery_json级联菜单

    当服务器返回JSON数据后,jQuery解析这个JSON字符串,将其转换为JavaScript对象。然后,它遍历这些对象,动态地向HTML DOM(文档对象模型)添加新的选项,以构建级联菜单的子级部分。jQuery提供了丰富的DOM操作API,...

    jquery获取json数据的并分页案例

    要使用jQuery获取JSON数据,我们通常会使用`$.ajax()`或`$.getJSON()`方法。`$.ajax()`是一个更全面的异步HTTP(Ajax)请求方法,可以处理各种类型的HTTP请求,包括GET和POST。而`$.getJSON()`是`$.ajax()`的一个...

    $.ajax json数据传递方法.docx

    $.ajax json 数据传递方法是使用 jQuery 库实现的异步数据传递方法,通过将 JSON 数据封装在 $.ajax 对象中,并将其作为参数传递给服务器端脚本,以实现客户端和服务器端之间的数据交互。 在前台代码中,首先定义了...

    jquery与json和ajax的结合

    在本节中,我们将详细介绍如何使用jQuery来结合JSON和AJAX技术,实现从服务器端获取JSON数据,并将其展示在网页上。 ##### 3.1 HTML模板设计 首先,我们需要定义一个HTML模板,用于展示从服务器端获取的数据。模板...

    jQuery ajax读取json文件内容

    其中,使用jQuery的Ajax功能来读取JSON文件内容是前端开发中的常见需求,尤其在动态加载数据、实现异步交互方面发挥着重要作用。 ### 标题解析:“jQuery ajax读取json文件内容” 此标题直截了当,明确指出将通过...

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    在实际应用中,例如,当需要从服务器获取JSON数据并将其显示在网页上时,`$.ajax`或`$.getJSON`等jQuery方法可以用来发送Ajax请求。收到JSON响应后,使用`$.parseJSON`将JSON字符串解析成JavaScript对象,然后可以...

    Jquery遍历Json数据的方法

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

    SSH1,JQuery的ajax返回json二维数组处理过程

    在本文中,我们将探讨如何使用SSH1框架与jQuery的AJAX功能来处理JSON二维数组,特别是在实现菜单联动下拉框的场景中。SSH1(Spring、Struts、Hibernate)是Java开发中的一个流行MVC框架组合,而jQuery的AJAX功能则...

    jQuery树状json数据转表格插件.zip

    在IT领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本项目“jQuery树状json数据转表格插件”是针对JSON数据的一种处理工具,它能将复杂的树状JSON结构转换成易于...

    使用JQuery实现从JSON对象转换为form提交数据

    本篇文章将深入探讨如何利用jQuery从JSON对象转换为form提交数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和...

    jquery.jsoncookie.zip

    而`jquery.jsoncookie`则是一个特定的jQuery插件,专门用于处理JSON数据与Cookie之间的交互。这篇详述将深入探讨jQuery、JSON以及JSONCookie插件的相关知识。 首先,jQuery是由John Resig于2006年创建的一个轻量级...

    jQuery的ajax和遍历数组json实例代码

    总结一下,这个实例展示了如何使用jQuery的`$.ajax()`发送POST请求到服务器获取JSON数据,以及如何使用`$.each()`遍历和处理这些数据。在实际开发中,这样的功能非常常见,例如从服务器获取用户列表、商品信息等。...

Global site tag (gtag.js) - Google Analytics