[英]Fetch API PUT method not updating database
我的网页上有帖子通过 Fetch API 'POST' 方法显示,我设法为每个帖子创建了一个喜欢/不喜欢按钮,点击时来回切换。 当帖子被喜欢或不喜欢时,帖子旁边显示的喜欢计数会更新,但在刷新页面时,所有值都会重置,因此数据库中没有任何更新。 此外,当我转到该帖子的 Fetch API 路线时,喜欢计数没有改变。
这是一个 Django 项目。 喜欢/不喜欢按钮正在处理我在 views.py 中创建的 Fetch API 'PUT' 方法,但我显然没有正确创建它。 我在控制台中收到“PUT 403(禁止)”错误。
模型.py
class Post(models.Model):
creator = models.ForeignKey("User", on_delete=models.CASCADE, related_name="post_creator")
content = models.TextField(max_length=250, blank=True)
created = models.DateTimeField(auto_now_add=True)
likes = models.IntegerField(blank=True, default=0)
def serialize(self):
return {
"id": self.id,
"creator": self.creator.username,
"content": self.content,
"created": self.created.strftime("%d %b %Y, %H:%M"),
"likes": self.likes
}
视图.py
def post(request, post_id):
try:
post = Post.objects.get(creator=request.user, pk=post_id)
except Post.DoesNotExist:
return JsonResponse({"error": "No post found."}, status=404)
if request.method == "GET":
return JsonResponse(post.serialize())
elif request.method == "PUT":
data = json.loads(request.body)
post.likes = int(data.get("likes")) + 1
post.save()
return HttpResponse(status=204)
else:
return JsonResponse({
"error": "GET or PUT request required."
}, status=400)
索引.js
function likePost(post_id) {
fetch(`/posts/${post_id}`)
.then(response => response.json())
.then(post => {
let like = document.getElementById(`like-count-${post.id}`);
console.log(like);
let likeCount = parseInt(like.innerText);
console.log("Number of likes: " + likeCount);
like.innerText = `${++likeCount}`;
fetch(`/posts/${post_id}`, {
credentials: 'include',
method: 'PUT',
headers: {
'Content-Type': 'application/json',
"Access-Control-Allow-Origin" : "*",
"Access-Control-Allow-Credentials" : true
},
body: JSON.stringify({
likes: likeCount
})
})
.then(response => response.json())
.then(post => {
console.log(`Post ${post.id} likes is now: ${post.likes}`);
})
})
}
如果我需要包含更多信息,请告诉我。
如果它对其他人有帮助,我在 post 函数上方缺少 @csrf_exempt。 我也意识到,由于我只是对我的资源进行了微小的更改,因此最好使用 PATCH 方法而不是 PUT。
@csrf_exempt
@login_required
def post(request, post_id):
try:
post = Post.objects.get(pk=post_id)
except Post.DoesNotExist:
return JsonResponse({"error": "No post found."}, status=404)
if request.method == "GET":
return JsonResponse(post.serialize())
elif request.method == "PATCH":
data = json.loads(request.body)
post.likes = data["likes"]
post.save()
return HttpResponse(status=204)
else:
return JsonResponse({
"error": "GET or PATCH request required."
}, status=400)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.