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

桃扇骨 2023-03-01 11:53 90阅读 0赞

#### 问题 ####

*  在使用ajax POST 向后台发送数据的时候，后台接收不到，初始代码如下：

// 前端：
        $.ajax({ 
        ...
        data: { name: { k1: v1, k2: v2}, xx: [1, [1, 2]]}
        })

# Django后台：
        request.POST
        request.POST.get('name')
        request.POST.get('xx')

#### 解决方法 ####

*  ajax POST 发送简单的数据后台是可以接收到的，比如下面简单的字典和列表后台就能接收到。

// 前端：
        $.ajax({ 
        ...
        data: { name: 1, age: 2, xx=[1, 2, 3]}
        })
    	$.post(url, data, callback)

# Django后台：
        request.POST
        request.POST.get('name')
        request.POST.get('age')
        request.POST.getlist('xx')

*  但是，如果数据比较复杂，比如字典中套着字典、列表等，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) { });

Django后台：
    	request.body
    	info = json.loads(request.body.decode('utf-8'))
    	info['name']
    	info['xx']

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

发表评论取消回复

表情：

评论列表（有 0 条评论，90人围观）

还没有评论，来说两句吧...

相关阅读

相关成功解决： django获取 ajax POST 数据失败

问题在使用ajax POST 向后台发送数据的时候，后台接收不到，初始代码如下： // 前端： $.ajax({ ..

桃扇骨/ 2023年03月01日 11:53/ 0 赞/ 91 阅读

相关 Django + JQuery获取表单中的数据 + Ajax 发送数据

（注意表单中都得带csrf\_token） 1.方法一：通过Jquery`$("对应form表单id).serializeArray()`获取表单数据，直接赋值给`$.aj

谁借莪１个温暖的怀抱￠/ 2022年12月10日 15:56/ 0 赞/ 158 阅读

相关 Django获取curl传递POST数据失败解决方法

用JsonResponse解决了 Django开发了一个API，获取前端form表单传递来的数据，并返回相应结果。但是在用curl命令测试的时候却发现后端无法获取到。到底

Love The Way You Lie/ 2022年11月15日 03:41/ 0 赞/ 158 阅读

相关 django 返回ajax html,jquery – 从django views.py获取数据并使用ajax显示它

EDITED 我正在尝试使用jquery / ajax来显示从django方法返回的数据. 我有一个名为keywordBtn的html按钮.因此,当按下它时,将调用upda

桃扇骨/ 2022年10月10日 09:27/ 0 赞/ 120 阅读

相关 ajax post ashx json,ashx 获取ajax Post到后台json数据

前台页面代码： var json = \[\{ "Name": "Pavan Kumar Pabothu", "Age": 27, "ID": 361621 \}, \{ "

迈不过友情╰/ 2022年09月03日 11:17/ 0 赞/ 237 阅读

相关 ajax不成功,jQuery Ajax POST不成功

我无法使用jquery的ajax功能成功发布. 运行页面的URL为http：// localhost：9999,目标(Web服务)的URL为http：// localhost

╰+哭是因爲堅強的太久メ/ 2022年09月03日 07:24/ 0 赞/ 159 阅读

相关 ajax https 403,javascript - django ajax post 403 forbidden - Stack Overflow

using django 1.4 im getting a 403 error when i try to do a post from my javascript do my

青旅半醒/ 2022年09月03日 06:22/ 0 赞/ 145 阅读

相关 ajax post 提交大量数据

在做个彩票项目的时候，有个业务是需要一个大型的数组通过ajax把一个大型数组传到后台，网上搜了一大轮，发觉说的都是说这种方式使用ajax不符合业务要求。或者问非所答，很少

秒速五厘米/ 2022年06月12日 09:45/ 0 赞/ 354 阅读

相关 Nodejs express获取Ajax（post方式）发送的数据

提供两种常用方法一，利用req.on(‘data’,function(data)\{\})读取发送至服务端数据内容前端代码(index.html) <!D

末蓝、/ 2022年06月08日 00:37/ 0 赞/ 202 阅读

相关 Ajax获取数据

1 首先引入Ajax的封装包（ajax.js需要自己写） <script type="text/javascript" src="Ajax.js"></script>

朴灿烈づ我的快乐病毒、/ 2022年03月16日 12:13/ 0 赞/ 173 阅读