ajax 传实体对象,前端ajax或axios发送数据后端实体类接受(实例和报错原因)

小喵最近在学习用java做前后端数据双向交互。

用到最多的就是ajax和vue组件的axios来传数据到后端。

首先,小喵在学习的过程中发现如果在数据传输过程中各种报错的话,可能是在哪些方面的。

报错原因

情况1,有可能是js都没有获取到数据(表单数据,或者是其他数据)。这个时候需要通过html的开发者工具里,小喵一般是用console.log()来输出结果看是否会是js没有获取到表单数据

情况2,有可能是js获取到数据,但是并没有成功发送数据出去。遇到这种情况,小喵会打开html的开发者工具的Network里,看对应的数据包的错误代码是否是404错误,如果是404就可能是js获取到数据但没有发送成功,如果是200正确就是发送成功。

ajax 传实体对象,前端ajax或axios发送数据后端实体类接受(实例和报错原因)_第1张图片

(Network里,看发送数据包的代码)

下拉后可以看到对应的具体数据

如果是404错误,前台发送错误的原因有哪些呢?

检查ajax的type是post还是get,然后去看后台是否对应写错了。

检查ajax的url地址是否写对,再去看后台接受的url地址。

检查ajax的dataType是什么类型?一般是json。一般有6种,xml,html,script,json,jsonp,text

contentType:"application/json;charset=UTF-8"

你可能感兴趣的:(ajax,传实体对象)