小喵最近在学习用java做前后端数据双向交互。
用到最多的就是ajax和vue组件的axios来传数据到后端。
首先,小喵在学习的过程中发现如果在数据传输过程中各种报错的话,可能是在哪些方面的。
报错原因
情况1,有可能是js都没有获取到数据(表单数据,或者是其他数据)。这个时候需要通过html的开发者工具里,小喵一般是用console.log()来输出结果看是否会是js没有获取到表单数据
情况2,有可能是js获取到数据,但是并没有成功发送数据出去。遇到这种情况,小喵会打开html的开发者工具的Network里,看对应的数据包的错误代码是否是404错误,如果是404就可能是js获取到数据但没有发送成功,如果是200正确就是发送成功。
(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"