spring处理ajax请求,Springmvc处理ajax请求并返回json数据

本文详细讲解了如何在Spring MVC中使用@ResponseBody注解返回JSON数据,以及如何通过@RequestBody解析POST请求的JSON对象。实例展示了如何在list.jsp页面通过jQuery的Ajax请求与后台进行数据交换并处理响应。
摘要由CSDN通过智能技术生成

①在springmvc方法上添加@ResponseBody注解,springmvc会将数据转换成json并返回;

@ResponseBody //指定返回json数据,不跳转页面

@RequestMapping("/list")

public List list(User user){

System.out.println("获取到异步请求数据:"+user);

//todo 根据条件做数据库查询,返回结果集合

ArrayList users=new ArrayList<>();

users.add(new User(1,"james",18,"男"));

users.add(new User(2,"姚明",40,"男"));

users.add(new User(3,"科比",46,"男"));

return users;

}

list.jsp页面中代码为:

$(function ($) {

$("#btn").click(function () {

$.ajax({

url:"${pageContext.request.contextPath}/list",

type:"post",

data:{"name":"james","age":18},

dataType:"json",

success:function (result) {

alert("请求成功!")

console.log(result)

}

})

})

})

②如果contentType=”application/json”时,在方法的参数前添加@RequestBody注解,获取传递的json字符串,并封装到对象中;

@ResponseBody //指定返回json数据,不跳转页面

@RequestMapping("/list")

public List list(@RequestBody(required=false) User user){

System.out.println("获取到异步请求数据:"+user);

//todo 根据条件做数据库查询,返回结果集合

ArrayList users=new ArrayList<>();

users.add(new User(1,"james",18,"男"));

users.add(new User(2,"姚明",40,"男"));

users.add(new User(3,"科比",46,"男"));

return users;

}

list.jsp页面中代码为:

$(function ($) {

$("#btn").click(function () {

var jsonObj={"name":"james","age":18};

$.ajax({

url:"${pageContext.request.contextPath}/list",

type:"post",

data:JSON.stringify(jsonObj),//json字符串 将json对象转化为字符串

dataType:"json",

contentType:"application/json",//指定以json方式传输数据

success:function (result) {

alert("请求成功!")

console.log(result)

}

})

})

})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持得牛网。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值