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

导读:本篇文章讲解 AJAX向Controller传值并接收JSON数据输出,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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;
    }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/5006.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!