分享今天的这个知识点之前先回顾一下使用ajax的目的:实现异步请求,客户端发送的请求携带数据到达服务器,服务器接收到请求后进行处理,然后返回处理后的数据。客户端接收到返回的数据后对数据进行解析,并通过局部刷新显示数据。那在SpringMVC中是如何响应Ajax请求的呢?
我们往下看
<!-- 添加jackson的依赖-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.13.3</version>
</dependency>
<%@ 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>
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请求
}
}
<?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"/>
<!-- 这里暂时不需要配置视图解析器,因为这里响应ajax请求,直接将请求到的数据以json格式返回给前端-->
<!-- 对专门响应ajax请求的注解进行注解的驱动注册-->
<mvc:annotation-driven/>
</beans>
ps:本文为凯哥java实际工作中要到错误系列教程,在文章末尾会有本系列其他教程传送门】
概要:
在使用spring mvc返回json格式的数据。我们都知道直接使用@ResponseBody注解就可以。
可是有时候,就算使用了这个注解还是会报406的错误。
正文:
在使用httpclient接收到数据返回json的时候提示406错误。
错误信息:
断点查看:
HTTP/1.1 406 Not Acceptable [Server: Apache-Coyote/1.1,Content-Type: text/html;charset=utf-8, Content-Language: en, Content-Length: 1110, Date: Tue, 30 Aug 2016 14:04:13 GMT] org.apache.http.conn.BasicManagedEntity@2df3d87
解决办法:
在spring mvc的配置文件中:
先看错误的配置:
在看正确的配置:
代码:
<mvc:annotation-driven>
<mvc:message-converters register-defaults="true">
<!-- 避免IE执行AJAX时,返回JSON出现下载文件 -->
<bean id="fastJsonHttpMessageConverter" class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>application/json;charset=UTF-8</value>
</list>
</property>
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
添加了对json的支持。
再次运行:
断点查看:
OK问题解决。
相关推荐:
《maven web项目启动报错 org.springfram》
《使用java做爬虫获取网络资源下载403错误解决办法 》
《解决eclipse在修改js或jsp卡顿现象》
《在用httpclient发送post报文请求错误解决》
《使用spring mvc 返回json报406错误解决》
ps:
如果您觉得本文对您有帮助,烦请您分享出去。谢谢!
欢迎
关注 【凯哥java】
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(function(){
var params='{"id": 1,"name": "测试商品","price": 99.9,"detail": "测试商品描述","pic": "123456.jpg"}';
$.ajax({
url : "${pageContext.request.contextPath }/json.action",
data : params,
contentType : "application/json;charset=UTF-8",//发送数据的格式
type : "post",
dataType : "json",//回调
success : function(data){
alert(data.name);
}
});
});
</script>
*请认真填写需求信息,我们会在24小时内与您取得联系。