不允许的方法 (POST)：/profiles/flash/ 不允许的方法：/profiles/flash/

Question

这里我只是想用 django 和 jQuery ajax 在 django 模板中添加跟随切换按钮，但我得到一个错误

不允许的方法 (POST)：/profiles/flash/

不允许的方法：/profiles/flash/

我不明白我犯错的地方。甚至我还检查了我的代码。

html

<form method='post'>
          <button class="btn {% if is_following %}btn-warning{% else %}btn-primary{% endif %}" id="like-button" toggle="{{user.userprofile}}">{% csrf_token %}
           {% if is_following %}Unfollow {% else %}Follow{% endif %}
          </button>
        </div>
        </form>

jquery,ajax

<script>
   var user = $('#test').attr('user');
   console.log(user,'test purpose');
  $(document).on('click', '#follow-button', function (e) {
    e.preventDefault();
    $.ajax({
      type: 'POST',
      url: '{% url "profiles:follow" %}',
      data: {
        user_toggle: user,
        csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
        action: 'post'
      },
      success: function (json) {
        document.getElementById("is_following").innerHTML = json['is_following']
      },
      error: function (xhr, errmsg, err) {
      }
    });
  })
</script>

urls.py

app_name = 'profiles'

urlpatterns = [ path('<str:username>/',UserProfileDetailView.as_view(),name = 'detail'),
    path('follow/',follow,name = 'follow'),
]

views.py

def follow(request):
     if request.POST.get('action') == 'post':
        result = ''
        profile_ = UserProfile.objects.get(user__username__iexact=request.user.username)
        is_following = False
        username_to_toggle=request.POST.get('user_toggle')
        follower = profile_.follower.filter(username__iexact=username_to_toggle).first()
        if follower:
            profile_.follower.remove(follower.id)
        else:
            new_follower = User.objects.get(username__iexact=username_to_toggle)
            profile_.follower.add(new_follower.id)
            is_following = True
        return JsonResponse({'is_following': is_following, })

如果需要更多信息，请在评论部分告诉我。我会用这些信息更新我的问题。

Answer 1

follow 方法缺少应该接受 POST 请求的信息。默认为GET。

在您的views.py import api_view 并注解follow 方法：

from rest_framework.decorators import api_view 

@api_view(['POST']) 
def follow(request):
    ...

更多信息在这里：https://www.django-rest-framework.org/tutorial/2-requests-and-responses/

顺便说一句：您不需要在data 中拥有action 属性。事实上，您通过POST 发送请求就足够了。

Answer 2

当我通过以下代码更新以前的代码时，它起作用了： html

          <button class="btn {% if is_following %}btn-warning{% else %}btn-primary{% endif %}" id="follow-button" toggle="{{user.userprofile}}">{% csrf_token %} #Change the id name
           {% if is_following %}Unfollow {% else %}Follow{% endif %}
          </button>
        </div>

ajax：

<srcipt>
 $(document).on('click', '#follow-button', function (e) {
    e.preventDefault();
    $.ajax({
      type: 'POST',
      url: '{% url "profiles:toggle" %}',
      data: {
        user_toggle: user,
        csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
        action: 'POST',
      },
      success: function (json) {
        document.getElementById("is_following").innerHTML = json['result']
      },
      error: function (xhr, errmsg, err) {
      }
    });
  })
</script>

views.py #将函数基视图改为类基视图并添加post函数。

class UserProfileFollowToggle(LoginRequiredMixin,View):
    login_url = '/accounts/login/'
    def post(self, request):
            username_to_toggle = request.POST.get("user_toggle")
            profile_, is_following = UserProfile.objects.toggle_follow(request.user, request.user.id ,username_to_toggle)
def toggle_follow(self, request_user,user_id, username_to_toggle):
        profile_ = UserProfile.objects.get(user__username__iexact=request_user.username)
        is_following = False
        follower = profile_.follower.filter(username__iexact=username_to_toggle).first()
        if follower:
            profile_.follower.remove(follower.id)
        else:
            new_follower = User.objects.get(username__iexact=username_to_toggle)
            profile_.follower.add(new_follower.id)
            is_following = True
            return JsonResponse({'result': is_following, })