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

 后台代码

List<Dept> 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 ="<option value=''>--请选择--</option>";
					/* $.each(JSON.parse(dataObj),function(i,dom){
						con += "<option value='"+dom.deptno+"'>"+dom.deptname+"</option>";
					}) */
					$(JSON.parse(dataObj)).each(function(){
						con += "<option value='"+this.deptno+"'>"+this.deptname+"</option>";
					})
					$("#deptSel").html(con);
				}
			})

前台代码,2、post请求

             //post请求
			 $.post(
				"dept/list.do",
				function(data){
					var dataObj = data;
					con ="<option value=''>--请选择--</option>";
					$.each(dataObj,function(i,dom){
						con += "<option value='"+dom.deptno+"'>"+dom.deptname+"</option>";
					})
					$("#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 ="<option value=''>--请选择--</option>";
con += "拼接的字符串";

 

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐