ajax与springboot交互数据,controller与ajax代码写法

controller:

    @ResponseBody
    @RequestMapping(value="/manager/editor/find")
    public Map find(HttpServletRequest request){
        System.out.println("detail");
        Map map = new HashMap();
        int id = Integer.valueOf(request.getParameter("id"));
        Artical artical = articalService.find(id);
        map.put("artical",artical);
        return map;
    }

通过map封装数据,这里我从id获取到一个artical对象,将其封装到map中,给ajax返回map,@ResponseBody自动将其封装为json对象。

ajax部分代码:

$.ajax({
            url: '/mypage/manager/editor/find',
            type: "post",
            dataType: "JSON",
            data: {"id": id},
            success: function (data) {
                var jsonObj = JSON.parse( JSON.stringify(data) );
                var art = jsonObj.artical;

                var html = '

'+art.title+'

'; html += '

'+art.user_name+'

'; html += art.content; $("blogDetail").append(html); }, error: function () { alert("加载失败"); window.location.href = "./index.html"; } });

获取到data之后需要用JSON解析,将其转为json对像。

 

你可能感兴趣的:(前端,JAVAEE,学习,spring,jquery)