Http 请求响应与内容协商(二)-$Ajax 和 Spring mvc

本文深入解析了jQuery $.ajax中参数的使用,包括contentType和dataType的作用,以及如何在SpringMVC中正确接收不同类型的请求数据。详细说明了JSON对象、表单数据在前端与后端之间的传递方式,并探讨了content-type设置对数据接收的影响。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、jquery $.ajax 中的参数说明

1、contentType:发送数据到服务器时所使用的内容类型。简单的说就是告诉服务我从的是什么类型。

默认是:"application/x-www-form-urlencoded"。

2、dataType:预期的服务器响应的数据类型。

3、data: 规定要发送到服务器的数据。

以用户信息为例:

3.1、对象:{"userId":'1232',"userName":"222"}

3.2、字符串:

3.2.1、表单数据:"userId=1&userName=222"

3.2.2、JSON字符串:'{"userId":'1232',"userName":"222"}'

            也可以json.stringify({"userId":'1232',"userName":"222"})转成json字符串

二、Spring mvc 请收参数

1、当content-type:指定的是application/json时,接收参数指定@RequestBody

messageConvert会从request.getInputStream()取出数据转型成JSON对象。

当传的数据不是json字符串时

抛出org.springframework.http.converter.HttpMessageNotReadableException

: JSON parse error。

2、当content-type:application/x-www-form-urlencoded时,指定了@RequestBody,

抛出throw new HttpMediaTypeNotSupportedException这个异常。

3、当content-type:application/x-www-form-urlencoded时,可以用JavaBean接收,

也可以@RequestParam("userId")接收。

特别注意当用JavaBean接收时,如果参数类型不对应将抛出错误。

public class User {
    private long userId;
    private String userName;

}

抛出:org.springframework.validation.BindException:

org.springframework.validation.BeanPropertyBindingResult

Failed to convert property value of type 'java.lang.String' to required type 'long' for property 'userId';

 nested exception is java.lang.NumberFormatException: For input string: "12.32"]

三、前端后端一致,数据正常接收

1、ajax 不指定content-type就是默认(application/x-www-form-urlencoded),

data 传送JSON 对象,结果正常接收。

前端:

后端:

浏览器:上面明确是表单数据

2、ajax 不指定content-type就是默认(application/x-www-form-urlencoded),

data 传送表单字符串,结果正常接收。

前端:

后端:

浏览器:

3、ajax 指定content-type:"application/json",data 指定

json字符串,后端使用@RequestBody接收,结果正常接收。

前端:

后端:

浏览器:

四、前端后端不致,导致数据不能正常接收

1、前端不指定content-type就是默认(application/x-www-form-urlencoded),

后端使用@RequestBody

前端:

后端:

2、前端指定content-type:"application/json",data:为JSON对象,

后端使用@RequestBody

前端:

后端:

3、前端不指定content-type就是默认(application/x-www-form-urlencoded),

数据类型不正确。

前端:

后端:

 

 

基于开源大模型的教学实训智能体软件,帮助教师生成课前备课设计、课后检测问答,提升效率效果,提供学生全时在线练习指导,实现教学相长。 智能教学辅助系统 这是一个智能教学辅助系统的前端项目,基于 Vue3+TypeScript 开发,使用 Ant Design Vue 作为 UI 组件库。 功能模块 用户模块 登录/注册功能,支持学生教师角色 毛玻璃效果的登录界面 教师模块 备课设计:根据课程大纲自动设计教学内容 考核内容生成:自动生成多样化考核题目及参考答案 学情数据分析:自动化检测学生答案,提供数据分析 学生模块 在线学习助手:结合教学内容解答问题 实时练习评测助手:生成随练题目并纠错 管理模块 用户管理:管理员/教师/学生等用户基本管理 课件资源管理:按学科列表管理教师备课资源 大屏概览:使用统计、效率指数、学习效果等 技术栈 Vue3 TypeScript Pinia 状态管理 Ant Design Vue 组件库 Axios 请求库 ByteMD 编辑器 ECharts 图表库 Monaco 编辑器 双主题支持(专业科技风/暗黑风) 开发指南 # 安装依赖 npm install # 启动开发服务器 npm run dev # 构建生产版本 npm run build 简介 本项目旨在开发一个基于开源大模型的教学实训智能体软件,帮助教师生成课前备课设计、课后检测问答,提升效率效果,提供学生全时在线练习指导,实现教学相长。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值