AJAX请求action返回JSON并进行渲染

最新推荐文章于 2022-09-19 21:13:35 发布

孟林洁

最新推荐文章于 2022-09-19 21:13:35 发布

阅读量785

点赞数 1

分类专栏： ajax请求文章标签： ajax json

本文链接：https://blog.csdn.net/menglinjie/article/details/78651308

版权

ajax请求专栏收录该内容

2 篇文章 0 订阅

订阅专栏

AJAX请求

$.ajax({
            type: "post",
            url: "/address/get.action",
            data: {
                addressId: addressId
            },
            success: function (address) {
                //解析JSON字符串
                var ad = JSON.parse(address);
                console.log("请求成功");
                //ajax渲染
                $("#adId").val(ad.id);
                $("#receiveName").val(ad.uname);
                $("#fullAddress").val(ad.address);
                $("#postalCode").val(ad.code1);
                $("#phone").val(ad.phone);
                $("#mobile").val(ad.mobile);
            },
            error: function () {
                console.log("请求失败");
            }
        })

action

   public String get() {
        address = addressService.get(addressId);
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setCharacterEncoding("UTF-8");
        //obiect转json
        JSONObject json = JSONObject.fromObject(address);
        try {
        //返回给ajax
            response.getWriter().print(json);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;//异步请求返回值为空
    }

AJAX渲染

                 //解析JSON字符串
                var ad = JSON.parse(address);
                console.log("请求成功");
                //ajax渲染
                $("#adId").val(ad.id);
                $("#receiveName").val(ad.uname);
                $("#fullAddress").val(ad.address);
                $("#postalCode").val(ad.code1);
                $("#phone").val(ad.phone);
                $("#mobile").val(ad.mobile);

主要是这三个步骤,有三个注意点:

对象json化 JSONObject.fromObject(object);
action方法无返回值,通过成员变量或者response.getWriter().print();返回给ajax (没试过成员变量行不行,使用response时记得response.setCharacterEncoding(“UTF-8”)设置编码)
AJAX对回调函数返回值进行json解析 JSON.parse(data),打印出来解析后的数据分析渲染到页面