AJAX向Controller传值并接收JSON数据输出

AJAX向后端发送一个请求并携带有参数,后端处理请求并把数据转化为JSON字符串返回给AJAX,AJAX获取值显示在页面
url:请求地址
type:请求方式,GET、POST
data:要携带的数据,多个数据用逗号隔开
success: function(map) 成功之后执行的回调函数(全局),map为后端返回的数据
$("#a").val(map.value1) #标签名.val 给这个标签值
AJAX:

                function test(value1,value2) {
                     $.ajax({
                         url: "${pageContext.request.contextPath}/controller",
                         type: "post",
                         dataType: "json",
                         data: {value1:value1,value2:value2},
                         success: function(map) {
                         $("#a").val(map.value1);/*通过键名获取JSON中的值*/
                         $("#b").val(map.value2);
                            },
                        });
                    }

Controller:
mapper.writeValueAsString(map);把Java的Map转化为JSON字符串

public String test(@RequestParam(value="value1") String value1, @RequestParam(value="value2") String value2) throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();
        Map<String, String> map = new HashMap<>();
        map.put("value1",value1);
        map.put("value2",value2);
        String str = mapper.writeValueAsString(map);//转化为JSON字符串
        System.out.println(str);
        return str;
    }
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LeBron永鑫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值