我是 ViewSets 的新手,我试图在 create 函数中获取从前端 fetch 方法发送到 Django 请求对象的值。我不知道这只是一个简单的语法错误还是数据没有从前端正确发送,但我认为这是一个后端问题。
post 方法中的字符串化数据似乎在前端正确记录,就像这个测试一样:
{"title":"test","type":"landing","slug":"","notes":""}
然而,在 ViewSet 的创建函数中打印变量会显示这些:
print(request.POST["title"]) # fails with keyerror: 'title' MultiValueDictKeyError(key) django.utils.datastructures.MultiValueDictKeyError: 'title'
print(request["title"]) # fails with TypeError: 'Request' object is not subscriptable
print(request.POST.get("title", “test”)) # fails as print test
print(request.POST.get("title")) # fails as it just returns None
print(request.get("title")) # fails with AttributeError: 'WSGIRequest' object has no attribute 'get'
print(self.request.query_params.get("title", None)) # prints None
print(self.request.query_params) # prints empty QueryDict: <QueryDict: {}>
这是创建功能:
class PagesViewSet(viewsets.ViewSet):
def create(self, request):
# printing went here
page = Page.objects.create(
title="testing", type="other", slug="test-slug", notes="test notes"
)
serializer = PageSerializer(page)
return Response(serializer.data)
我刚刚在页面创建方法中插入了演示数据,以确保它可以正常工作,并且现在想要使用应该在请求中的真实数据。
有谁知道这里可能是什么问题?
为了可见性,这里是前端 API 请求函数:
const createPage = async (data: CreatePageFormInputs) => {
console.log('stringified: ', JSON.stringify(data)); // logs correctly
const res = await fetchCreatePage('http://localhost:8000/api/pages/', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
});
};
也许无关紧要,但如果你想知道是什么fetchCreatePage
,它只是自定义反应钩子的这一部分:
const fetchCreatePage: FetchDataFn = async (url, options?) => {
const setFailed = () => {
setFetchError(true);
setLoading(false);
};
const setSuccess = (data: any) => {
setData(data);
setLoading(false);
};
try {
setLoading(true);
const res = await fetch(url, options);
if (!res.ok) {
console.log('Error detected. Returning...');
setFailed();
return;
}
if (res.status === 204) {
setSuccess({
success: true,
info: 'Item successfully deleted',
});
return;
}
const data = await res.json();
setSuccess(data);
} catch (e) {
setFailed();
}
}
我认为 POST 方法是正确的。任何帮助将不胜感激,谢谢。