axios与djangopost通信 后端获取数据

前置知识

ajax形式post提交数据的content-type有主要常用三种

  • application/x-www-form-urlencoded
  • multipart/form-data(上传文件)
  • application/json

原生的django对于content-type为application/x-www-form-urlencoded 的ajax请求,且data经过urlencoded编码,其数据是放在request.POST(request.body中也会有数据,但是格式得自己重新反序列化)中的。,data若无编码直接上传,会放在request.body中,而request.POST中是错误格式的数据。

对于multipart/form-data,数据是放在request.FILES中的

而对于最常用的 application/json 数据是放在request.body中的,是无法在request.POST中获取的。

axios默认content-type为 application/json

所以如果你像如下方式使用axios与django通信

axios({
    url:url,
    data:data,
    method:‘post‘
})

你用原生django只能通过request.body获取数据,而这时的request.body为bytes类型,可通过json.loads(request.body)获取前端传过来的字典。

#有些人直接json.loads(request.body)会报错,原因可能是body中是byte string,可能要解码成unicode string才行,不过我自己的项目中可直接反序列化。如果你也出现相应问题,可尝试使用下列方法
body_unicode = request.body.decode(‘utf-8‘)
body = json.loads(body_unicode)
content = body[‘content‘]

在前端解决问题

使用qs,或者URLSearchParams处理data再发送,但我也没实际尝试过,相应方法可参考

axios 发 post 请求,后端接收不到参数的解决方案

杂谈原生django与drf

如果你直接使用drf来开发接口,那就不会出现以上情况了,drf中post数据从request.data中获取,不必考虑在POST,还是body中获取,也不必考虑需不需要json反序列化,post数据drf在dispatch时直接给你封装好在request.data中了。再次感叹drf真好用呀。

参考文献

django request.POST和request.body获取值时出现的情况

axios 发 post 请求,后端接收不到参数的解决方案

axios与djangopost通信 后端获取数据

上一篇:学会网页制作,web app开发,你需要掌握这3个编程语言


下一篇:300万运算/秒 :VoltDB在电信行业基准测试上可线性扩展性能