成功解决: django获取 ajax POST 数据失败

举报
ruochen 发表于 2021/03/27 23:35:36 2021/03/27
【摘要】 问题 在使用ajax POST 向后台发送数据的时候,后台接收不到,初始代码如下: // 前端: $.ajax({ ... data: {name: {k1: v1, k2: v2}, xx: [1, [1, 2]]} }) 12345 # Django后台: request.POST request.POST.get('name') request.POST.g...

问题

  • 在使用ajax POST 向后台发送数据的时候,后台接收不到,初始代码如下:
// 前端: $.ajax({ ... data: {name: {k1: v1, k2: v2}, xx: [1, [1, 2]]} })

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
# Django后台: request.POST request.POST.get('name') request.POST.get('xx')

  
 
  • 1
  • 2
  • 3
  • 4

解决方法

  • ajax POST 发送简单的数据后台是可以接收到的,比如下面简单的字典和列表后台就能接收到。
// 前端: $.ajax({ ... data: {name: 1, age: 2, xx=[1, 2, 3]} })
	$.post(url, data, callback)

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
# Django后台: request.POST request.POST.get('name') request.POST.get('age') request.POST.getlist('xx')

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 但是,如果数据比较复杂,比如字典中套着字典、列表等,ajax POST发送到后台是请求不到的,这时候需要将数据转化为 json 字符串再发送到后端。在后台先通过 request.body获取前端发来的数据,再进行utf-8接码,最后通过 json.loads() 将json 字符串转化为字典即可。如下:
前端: $.post(url, JSON.stringfy({name: {k1: v1, k2: v2}, xx: [1, [1, 2]]}), function (data) {}); 
  
 
  • 1
  • 2
  • 3
Django后台:
	request.body
	info = json.loads(request.body.decode('utf-8'))
	info['name']
	info['xx']

  
 
  • 1
  • 2
  • 3
  • 4
  • 5

$.post() 等同于 $.ajax({type: ‘POST’})

文章来源: ruochen.blog.csdn.net,作者:若尘,版权归原作者所有,如需转载,请联系作者。

原文链接:ruochen.blog.csdn.net/article/details/107570018

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。