SpringMVC响应Ajax请求

标签：www 请求 SpringMVC ajax springframework 响应 Ajax User org

在分享今天的这个知识点之前先回顾一下使用ajax的目的：实现异步请求，客户端发送的请求携带数据到达服务器，服务器接收到请求后进行处理，然后返回处理后的数据。客户端接收到返回的数据后对数据进行解析，并通过局部刷新显示数据。那在SpringMVC中是如何响应Ajax请求的呢？我们往下看

控制器中action方法的返回值

控制器中的方法名称不一定含有action单词，但是一般习惯于把控制器中的方法称为action方法
返回String：设置了视图解析器之后，可以自动拼接前缀和后缀，来作为客户端请求的资源地址，完成响应页面的跳转。在有特定转发和重定向的需求时，还可以屏蔽字符串拼接，跳转到指定的路径
返回Object：使用jackson工具(要添加jackson的依赖)进行转换，自动将对象或者集合转为json格式的数据并返回
返回void：无返回值，一般用于ajax请求
返回基本数据类型：用于ajax请求
ModelAndView：返回数据和视图对象(现在用的较少)

响应ajax请求

在pom.xml中添加jackson依赖，为了可以利用SpringMVC自动返回json格式的数据

<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.13.3</version>
</dependency>

在webapp/js目录下添加jQuery函数库，为了前端可以使用jQuery封装的ajax()方法，便捷的发送ajax请求
webapp/index.jsp如下，是发送ajax请求并回显后端返回数据的前端界面

　<%@ page contentType="text/html;charset=UTF-8" language="java" %>
　<html>
　　<head>
　　　　<title>index.jsp</title>
　　　　<script src="js/jquery-3.6.1.js"></script>
　　</head>
　　<body>

　　　　<a href="javascript:showUser()">发送ajax请求，获取用户信息列表</a><br>

　　　　<div id="userDiv">div，用来显示服务器返回的数据</div>

　　　　<script type="text/javascript">
　　　　　　function showUser() {
　　　　//使用jQuery封装的ajax()发送ajax请求
　　$.ajax({
　　　　url:"${pageContext.request.contextPath}/list.action",
　　　　type:"get",
　　　　dataType:"json",
　　　　success:function (userList){
　　　　var data = ""
　　　　$.each(userList, function (i, user){
　　　　data += user.name + " ---- " + user.age + "<br>"
　　})
　　//将拼接好的数据回显在div中
　　$("#userDiv").html(data)
　　　　　　}
　　　　}
　　)
　　}
　　　　</script>
　　</body>
</html>

新增控制器AjaxRequestAction，action方法上添加注解@ResponseBody，该注解专门用来解析ajax请求，我们先看下他的执行流程

package com.example.controller;

import com.example.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.ArrayList;
import java.util.List;

@Controller
public class AjaxRequestAction {

//只有当请求路径和ajax请求类型都对上时，目标方法才会被调用
@RequestMapping("/list")
@ResponseBody
public List<User> ajaxRequest(){//User类含有属性:name(String), age(int)，无参和全参构造方法，全属性的getter,setter,toString方法
　　List<User> users = new ArrayList<>();
　　User u1 = new User("荷包蛋", 20);
　　User u2 = new User("饺子", 21);
　　User u3 = new User("橘子", 22);
　　users.add(u1);
　　users.add(u2);
　　users.add(u3);
　　return users;//SpringMVC框架会自动将对象数组转化为json数据格式返回给前端ajax请求
　　}
}

在springmvc.xml文件需要新增注解驱动< mvc:annotationdriven /> ，为了用他来解析@ResponseBody注解，响应ajax请求

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">

<context:component-scan base-package="com.example.controller"/>

<mvc:annotation-driven/>
</beans>

部署并启动tomcat测试
网站首页(left)，发送ajax请求后的首页(right)如下：从后端获取到的数据经前端ajax拼接处理并填充在div中显示

标签：www,请求,SpringMVC,ajax,springframework,响应,Ajax,User,org
From： https://www.cnblogs.com/lidongm/p/16660560.html

控制器中action方法的返回值

响应ajax请求

相关文章

赞助商

阅读排行