首页 > 其他 > 详细

异步请求中前后端数据交互时的格式

时间:2021-08-12 23:31:58      阅读:23      评论:0      收藏:0      [点我收藏+]

1 后端发送给前端

无论是哪种写法,无论是哪种回调函数,服务器那边封装数据都是封装为map集合,然后借助第三方jar包将集合转为字符串型json,最后以IO流传给前端——因为是异步请求,所以都是用IO流这种异步请求的返回方法,因此只能传递字符串。
技术分享图片

而AXIOS提供的异步请求方法在参数列表接收到的数据都是xmlHttpResponse(响应对象),里面包含了配置信息config、数据data、响应头headers、请求头request、状态码status,实际使用时得从中取出data——这是json格式
异步请求中在回调函数获得的数据是xmlHttpResponse:
技术分享图片

从响应对象中取到的data是json格式:
技术分享图片

AXIOS的回调函数中拿到的就是xmlHttpRequest对象,如果我们希望传给方法体的是json或者其他类型,那么就写一个类似工具类的东西,在方法体开头对xmlHttpRequest对象进行转换(或者说二次封装)

2 前端发送给后端

解决使用axios发送json后台接收不到的问题_mytac的博客-CSDN博客

也是在异步请求中完成数据的发送——通过请求参数,通常都是将一个json对象传过去,如果用了VUE,就是将VUE的data中的某个json对象传过去。
AXIOS会自动的将json对象转为json字符串以便于B/S之前的数据传递。
技术分享图片

此时后端拿到的依然是请求头HttpServletRequest 然后基于其中包含的type键值对通过switch-case分发数据
技术分享图片

进入switch-case对应的函数后,直接使用servlet封装好的方法将数据存到一个实体对象中,再将结果(也是字符串)用IO流返回——因为是异步请求,所以都是用IO流这种异步请求的返回方法
实际上我们可以使用第三方jar包将获取到的json字符串重新转回对象,也能实现下图中的操作,这样我们就不用写这个servlet封装的工具类了,老师使用这个只是为了让我们知道第三方jar包实际做的是什么工作。
技术分享图片

异步请求中前后端数据交互时的格式

原文:https://www.cnblogs.com/BRSblackshoot/p/15135045.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!