前台接收json的几种方式

前台ajax方式请求后台，后台传递到前台是JSONArray,上代码

 后台代码

List deptList = deptService.list();
		JSONArray array = new JSONArray();
		if(deptList != null && deptList.size()>0) {
			for (Dept dept : deptList) {
				JSONObject obj = new JSONObject();
				obj.put("deptno", dept.getDeptno());
				obj.put("deptname", dept.getDeptname());
				array.add(obj);
			}
		}
		PrintWriter out = response.getWriter();
		out.print(array);//直接返回json数组对象

 

前台代码，1、传统ajax请求

//传统ajax请求
			$.ajax({
				url:"dept/list.do",
				/* dataType:"json", */
				success:function(data){
					var dataObj = data;
					con ="--请选择--";
					/* $.each(JSON.parse(dataObj),function(i,dom){
						con += ""+dom.deptname+"";
					}) */
					$(JSON.parse(dataObj)).each(function(){
						con += ""+this.deptname+"";
					})
					$("#deptSel").html(con);
				}
			})

前台代码，2、post请求

             //post请求
			 $.post(
				"dept/list.do",
				function(data){
					var dataObj = data;
					con ="--请选择--";
					$.each(dataObj,function(i,dom){
						con += ""+dom.deptname+"";
					})
					$("#deptSel").html(con);
				},
				"json"
			) 

总结：1、不管用哪一种方式，ajax如果没有指定dataType属性来设置数据格式，则返回的如果是json格式的数据，必须进行转换

JSON.parse(dataObj)

 2、遍历json数据，两种方式都可以：

方式1：

$(data).each(function(){
    //可以用this.key来获取单个json对象
}

方式2：

$.each(data,function(i,dom){
    //用dom.key来获取单个json对象
}

 注意：以上代码中的data必须是指定为json格式的对象或者已经被转换的json对象。

额外一点：字符串拼接

con ="--请选择--";
con += "拼接的字符串";