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

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包实际做的是什么工作。
异步请求中前后端数据交互时的格式

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

上一篇:登录滑块处理


下一篇:Kafka面试题汇总