jQuery的Ajax接收java返回数据

墨蓝 2022-06-16 02:38 252阅读 0赞

1.前端Ajax请求如下：

$.ajax({
            type : "post",
            //async:false,
            url : PATH + "/product/selectPicture.action",
            dataType : "json",
            success : function(data) { 
                $.each(data,function(k,v){ 
                        alert(k +":"+ v);
                    });
            }
        });

其中PATH在jsp页面中定义：

<% String path=request.getContextPath(); %>
    <script> var PATH = ‘<%=path%>’； </script>

2.1 后端java代码输出json格式数据：

List<Map<String,Object>> list = bo.selectData();
    response.setContentType("application/json;charset=GBK");
    PrintWriter out=response.getWriter(); 
    out.write(JSONArray.fromObject(list).toString());
    out.flush();
    out.close();

其中list为从数据库中查出的数据，JSONArray.fromObject(list)需要导入json-lib-2.4-jdk15.jar包，而且这个包需要在导入几个依赖包才能用这个百度一下吧。注意返回的格式为json，和编码格式。

2.2 也可以使用alibaba的fastjson1.2.8.jar包，那么后端就该这么写：

List<Map<String,Object>> list = productService.selectCategory();
    String jsonString = JSON.toJSONString(list, true); 
    response.setContentType("application/json;charset=utf-8"); 
    PrintWriter out = response.getWriter();
    out.write(jsonString);
    out.flush();
    out.close();

2.3 如果后端用的是基于注解的springMVC，就这么写：

@ResponseBody
    public JSONArray selectData(HttpServletRequest request){    
            List<Map<String,Object>> list= bo.selectData(); 
            return JSONArray.fromObject(list);
        }

就是在方法前加上@ResponseBody注解，并return json格式的数据即可。

3 如果Ajax要求返回的数据类型为 dataType : “html”,那么后端java就是：

String key = bo.selectData();
    response.setContentType("text/html;charset=utf-8");
    Writer out = response.getWriter();
    out.write(key);
    out.flush();
    out.close();

在Ajax的success : function(data) \{ \}方法中，data就是就是从后端返回的数据。