在Django视图中未接收到获取API POST数据 [英] Fetch API post data not receiving in Django view

问题描述

我正在尝试做什么？

我正在尝试使用Fetch API将包含数据的POST请求发送到Django视图，如下所示：

javascript：

const data = {
  search_text: "",
  months: 6,
  property_type: "all"
};
const headers = {
   'Accept': 'application/json',
   'Content-Type':'application/json',
   'X-Requested-With':'XMLHttpRequest'
}

fetch("some-url", {method: "POST", headers: headers, body: JSON.stringify(data)})
  .then((response) => response.json())
  .then((data) => console.log(data));

views.py：

class MyView(View):

  def post(self, request, *args, **kwargs):
     print("request: ", request.POST)
     # do stuff with post data

urls.py：

re_path(r"^my_view/$", login_required(csrf_exempt(MyView.as_view())), name="my_view"),

问题

当我尝试访问Django视图中的POST数据时，我得到的QueryDict为空，终端的输出如下：

request:  <QueryDict: {}>
[06/Jan/2022 06:48:19] "POST /my_app/my_view/ HTTP/1.1" 200 114
Forbidden (CSRF token missing or incorrect.): /inbox/notifications/api/unread_list/
[06/Jan/2022 06:48:22] "{"search_text":"","months":"6","property_type":"all"}GET /inbox/notifications/api/unread_list/?max=5 HTTP/1.1" 403 12291

如果您注意到最后一行的POST数据似乎添加到了终端中，为什么会发生这种情况？另请参阅我被禁止的原因(CSRF令牌丢失或不正确。)即使我在URL中使用csrf_exempt？

我试着查了一下，似乎什么都没有用。我们正在使用Reaction，我知道AXIOS也可以使用，但它应该可以与Fetch API一起工作。为什么它不工作，请帮助。

编辑：

即使像docs中提到的那样添加CSRF令牌并从URL中删除csrf_exempt，我仍然收到相同的问题。

推荐答案

好的修复了我要查找的数据似乎不在request.POST中，但在request.body中进行了以下更改：

import json

class MyView(View):

  def post(self, request, *args, **kwargs):
     print("request: ", json.loads(request.body))
     # do stuff with post data

request.body返回字节字符串，因此需要使用json.loads将其转换为json。有关详细信息，请阅读docs

这篇关于在Django视图中未接收到获取API POST数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！