EasyUI接收后台json数据处理的小结（一）

    用jquery easyui写项目有一段时间了，有一些小心得和总结分享给大家

    开发中使用的是web service作为控制层，将面对的是大量的Json数据处理，对于{key:value}的处理大家肯定不陌生，这里不再赘述，我们来看一下只有{value}的形式。

    项目中我需要对下拉列表进行级联，因为后台给的数据只是{value}，所以我只能把其转换成{key;value}再进行加载。后台返回的数据格式如下：

    [
       "管理学院",
       "护理学院",
       "检验学院",
       "临床医学院",
       "中医临床学院",
       "外国语学院",
       "人文学院",
       "信息工程学院",
       "药学院",
       "针灸骨伤学院",
       "职业技术学院",
       "海外教育学院",
       "史料卫生健康"
    ]

所以需要自己进行转换成combobox所需要的{key:value}形式，转换函数如下这是我写的公共函数

function strToJSON(str){
    return JSON.parse(str);
}

function commons(url,o,f,value){
	$.ajax({
		type : "get",
		dataType : "json",
		async:false,
		url : url,
		success : function(data){
			o = "";
			o += "[";
			for(var i=0;i<data.length;i++){
				o += "{\"id\":\""+i+"\",\"value\":\""+data[i]+"\"},";
			}
			o = o.substring(0,o.length-1);
			o += "]";
			o=strToJSON(o);
			f.combobox({
				valueField:'id',
				textField:'value',
				data:o
			});
		}
	  });
}

其中的一个引用如下

commons("api/grade",grades,$('#gradea'),grade);

所以就顺利的实现了数据转换，加载成功。

界面如下:

这只是我的一种方法，可能还有大神，欢迎指正