Ext ajax JSON 数据遍历

最新推荐文章于 2017-04-06 09:26:52 发布

原创最新推荐文章于 2017-04-06 09:26:52 发布 · 293 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#json #EXT #Ajax #Java

Ext 专栏收录该内容

30 篇文章

订阅专栏

本文介绍如何在Ext.js中处理AJAX请求并解析返回的JSON数据，包括遍历数据结构和实现自定义逻辑处理。

需求：进行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: 自己的逻辑处理
					});
				});
			}
		}
	});