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

Ext ajax JSON 数据遍历

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



对上面的json数据类在Ext的success 函数中解析
    Ext.Ajax.request({
	   	 url: 'xxx.do',
	   	 method : 'post',
	     params: {
				xxx:"xxx"   // 传递的参数
	     },
//      遍历返回的数据
		success: function (response) 
		{
			var datas = Ext.decode(response.responseText);
			for(data in datas)  // json数组的最外层对象
			{	
				Ext.each(datas[data],function(items)
				{
					Ext.each(items,function(item){
							alert(item.name + "" + item.value);
							// TODO: 自己的逻辑处理
					});
				});
			}
		}
	});
分享到:
评论

相关推荐

    用ajax向php申请遍历磁盘目录(EXT-js)

    综上所述,实现“用ajax向php申请遍历磁盘目录(EXT-js)”的关键在于理解AJAX的异步通信机制,EXT-js的组件和数据处理,以及PHP对文件系统的操作,特别是处理中文字符时的编码转换。在开发过程中,要注重安全性、兼容...

    Jquery遍历json的两种数据结构.pdf

    相比之下,JSON更易于阅读和编写,同时也更容易被JavaScript解析,因此在很多情况下,JSON成为了AJAX应用的首选数据格式。 在使用JSON时,我们可以直接手动构建JSON字符串,但这需要确保语法正确,对于复杂的结构...

    Jquery遍历json的两种数据结构.docx

    jQuery的AJAX请求中,可以使用`success`回调处理返回的JSON数据,例如: ```javascript $.ajax({ url: "server.php", type: "post", data: { UserName: uid, Password: pwd }, success: function(data) { var ...

    Datatables使用Ajax方式读取数据

    在本教程中,我们将探讨如何利用Datatables与Ajax结合,动态地从服务器获取并展示数据。 首先,让我们了解基础概念。jQuery是一个轻量级的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互。...

    Ext 根据数据库返回json动态生成grid列表实例

    例如,你可以遍历JSON数据的字段并添加对应的列。 ```javascript store.load({ callback: function(records, operation, success) { if (success) { var dataFields = records[0].getData().fields; // 获取第一...

    ext/和Ajax结合的说明和例子,获得后台数据,很适合大家

    1. **数据收集**:首先遍历数据存储(store),将所有被标记为“dirty”(即已修改)的数据记录转换为JSON格式并存入数组`json`中。 2. **判断是否有数据需要提交**:如果`json`数组为空,则弹出提示框告知用户没有...

    Ext2.0 中文文档

    EXT的Ajax请求可以与EXT的数据模型和数据代理结合,实现自动的数据序列化和反序列化,极大地简化了前后端数据交互的复杂性。 EXT2.0的源码结构清晰,遵循MVC(Model-View-Controller)设计模式,方便开发者理解和...

    ext3.0+highcharts+ext时间日期控件+jquery+json

    开发者可以构建一个功能强大的Web应用,该应用具有EXT3.0提供的丰富UI组件,利用Highcharts进行数据可视化,使用EXT的时间日期控件进行日期选择,通过jQuery简化DOM操作和事件处理,同时利用JSON进行前后端的数据...

    EXT实现动态树的功能

    TreePanel是EXT中用于展示树状结构数据的核心组件,它可以动态加载数据并提供多种交互方式。创建一个动态树的第一步是实例化一个TreePanel,并配置其属性,如根节点、数据源以及节点的渲染样式等。 ```javascript ...

    Ext Grid 导出Excel

    这些数据通常通过Ajax请求加载,然后由Grid的Store进行管理。Store可以与各种数据源(如JSON、XML)配合,提供数据绑定到Grid的行。 要实现Excel导出,我们需要关注以下几个关键步骤: 1. **数据收集**:首先,你...

    多叉树结合JavaScript树形控件实现无限级树形菜单(一种构建多级有序树形结构JSON(或XML)数据源的方法).pdf

    JavaScript树形控件,如JQuery、Dojo、Yahoo UI、Ext JS等,通常利用AJAX技术从服务器获取数据,数据源通常是JSON或XML格式。本文以Ext JS为例,探讨如何构建无限级树形菜单,即处理数据库中无限层级的数据,并将其...

    asp.netToJson 转换类的源代码(CS)

    ASP.NET 是微软开发的一款用于构建Web应用程序的...通过学习和理解这个转换类的源代码,开发者可以更深入地了解ASP.NET与JSON交互的工作原理,提高数据处理效率,同时也能更好地适应EXT.NET或其他依赖JSON的前端框架。

    Ext 异步加载添加 删除节点 修改combobox选择项

    在Ext JS中,异步加载是一种常见的数据处理方式,尤其在构建动态的用户界面时非常有用。本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 ...

    Ext+JS高级程序设计.rar

    1.2 Ext Core的Ajax功能 19 1.3 DomQuery详解 20 1.4 模板介绍 23 1.5 实用功能 24 1.6 定时执行代码 25 1.7 本章小结 26 第2章 Ext Core实例系统设计 27 2.1 需求分析 27 2.2 系统设计 28 2.3 功能结构图 29 2.4 ...

    jsp 实现的 EXT Grid 导出excel 例子

    Store通常与后台服务通过Ajax进行数据交互,获取JSON格式的数据。列模型定义了Grid显示的字段及其属性,如字段名、宽度、对齐方式等。Grid则是数据的容器,可以根据需要添加行操作、工具栏等扩展功能。 然后,导出...

    Extjs 无限树菜单 后台拼接json

    我们需要配置数据源,通常是`store`,设置`proxy`为`ajax`类型,指定`url`为后端接口URL,用于获取JSON数据。 - 数据加载后,`tree.Panel`会自动解析JSON并渲染成可交互的树结构。每个节点可以配置点击事件,以便...

    磁盘目录树(EXT-js)

    在实际应用中,可能还需要与后端服务器进行交互,获取或保存用户的选择,这就涉及到Ajax通信和JSON数据交换。EXT-js的API文档和社区资源非常丰富,可以帮助开发者解决在实现过程中遇到的问题。 总之,“磁盘目录树...

    ext开发详解中文手册

    使用Ajax章节会讨论EXT如何通过AJAX技术实现异步数据交换,包括XMLHttpRequest的使用、JSON数据格式化以及如何处理服务器响应。 PHP、ASP.Net和Cold Fusion章节则会介绍如何将EXT应用与这些后端技术集成,提供实际...

    extjs ajax框架中文使用手册

    对于使用ColdFusion的项目,也可以利用Ext JS的Ajax功能进行数据交互。 **示例:** ```javascript // 发送Ajax请求 Ext.Ajax.request({ url: 'server.cfc?method=getData', method: 'GET', success: function...

Global site tag (gtag.js) - Google Analytics