415 不支持的媒体 - API 发布 Javascript - Django

Question

我正在尝试在我的 Django 服务器上创建一个 API，但我正在努力创建一个由 Javascript 调用的 post 方法。

这是我的 API 视图

class 组件FrameAPI（APIView）：

def get(self, request):
    componentAPI = component.objects.all()
    serializer = componentSerializer(componentAPI, many=True)
    return Response(serializer.data)

def post(self):
    serializer = componentSerializer(componentAPI, data=self.data)
    if serializer.is_valid():
        # serializer.save()
        return Response(serializer.data, status=status.HTTP_201_CREATED)
    return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

这是我对 Javascript 的发帖请求。

let data = {componentName:"PostTest",componentBody:"TEST"}
datax = JSON.stringify(data)

var xhttp = new XMLHttpRequest()
xhttp.open("POST","http://127.0.0.1:8000/myurl/", true)
xhttp.setRequestHeader('X-CSRFToken', csrftoken)
xhttp.setRequestHeader('contentType', 'application/json')    
xhttp.send(datax)

我继续收到 415 错误，我真的不知道我做错了什么。

注意： GET 方法工作正常。

谢谢你的帮助。

贾科莫

Answer 1

你很接近，但在xhttp.setRequestHeader('contentType', 'application/json')中有错字

将其更改为

xhttp.setRequestHeader('Content-Type', 'application/json')    

你应该没问题 完整的例子

let data = {componentName:"PostTest",componentBody:"TEST"}
datax = JSON.stringify(data)

var xhttp = new XMLHttpRequest()
xhttp.open("POST","http://127.0.0.1:8000/myurl/", true)
xhttp.setRequestHeader('X-CSRFToken', csrftoken)
xhttp.setRequestHeader('Content-Type', 'application/json')    
xhttp.send(datax)