我正在 django react 上開發一個 Web 應用程式，我需要發出一個請求，在其中傳遞一個帶有 id 的串列，但我有一個“POST /api/questions/HTTP/1.1”400 39'
模型.py
class TestQuestionBlok(models.Model):
image = models.ImageField(upload_to='questionsImages/')
answers = models.ManyToManyField(TestAnswers)
question = models.CharField(max_length=300)
def __str__(self):
return self.question
視圖.py
questions = []
class TestQuestionList(APIView):
def get(self, request):
global questions
romms = TestQuestionBlok.objects.filter(id__in=questions)
serializer = TestQuestionSerializers(romms, many=True)
return Response(serializer.data)
def post(self, request, format=None):
global questions
serializer1 = TestQuestionSerializers(data=request.data)
if serializer1.is_valid():
print(serializer1.data['answers'])
return Response(serializer1.data, status=status.HTTP_200_OK)
return Response(serializer1.errors, status=status.HTTP_400_BAD_REQUEST)
序列化程式.py
class TestQuestionSerializers(serializers.ModelSerializer):
class Meta:
model = TestQuestionBlok
fields = ('answers', )
測驗頁.jsx
import React, {useState, useEffect} from 'react';
import axios from "axios";
import { useParams } from "react-router-dom";
import "../styles/Testpage.css"
function Testpage() {
axios.defaults.xsrfCookieName = 'csrftoken'
axios.defaults.xsrfHeaderName = "X-CSRFTOKEN"
useEffect(() => {
axios({
method: 'POST',
url: 'http://127.0.0.1:8000/api/questions/',
data: {
answers: [1, 3]
}
})
}, [])
return (
<div>
a
</div>
);
}
export default Testpage;
我怎樣才能解決這個問題 ？
uj5u.com熱心網友回復：
我認為answers欄位應該定義為id.
class TestQuestionSerializers(serializers.ModelSerializer):
answer_ids = serializers.ListField(child = serializers.IntegerField(), write_only = True):
class Meta:
model = TestQuestionBlok
fields = ('answers', )
extra_kwargs = {
'answers': { 'read_only': True }
}
在前端，您需要使用密鑰上傳answer_ids。
...
useEffect(() => {
axios({
method: 'POST',
url: 'http://127.0.0.1:8000/api/questions/',
data: {
answer_ids: [1, 3] # here I changed the field name
}
})
}, [])
...
那么400錯誤就不會發生了。當然，還有其他地方需要添加。Image和question欄位應該添加到序列化程式中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/482418.html
標籤：javascript Python 反应 django django-rest-framework