在Django视图中未接收到获取API POST数据

2022-05-28 00:00:00 django django-views javascript fetch-api

我正在尝试做什么?

我正在尝试使用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

相关文章