前台接收json的几种方式
·
前台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 += "拼接的字符串";
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)