无法在 Django 中触发 Ajax 点击功能

Question

尝试根据在 Django 中按下的下载链接更新模型。

请查看下面的当前代码，所以它似乎也没有登录到控制台。

来自 profile.html

{% for x in source %}
    {% if forloop.counter <= 4 %}
      <div class="content-section">
        <div class="media-body">
        <h2 class="account-heading">{{ x.video_id }}</h2>
        {% for y in records %}
          {% if x.video_id == y.sourcevideo.video_id %}
            <div class="media-body">
              <video width="320" height="240" controls>
                <source src="{{ y.highlight.url }}" type="video/mp4">
                  Your browser does not support the video tag
                </video>
                <br>
                <a class="btn" id="download" href="{{ y.highlight.url }}" data-id="{{ y.highlight_id }}" download>Download</a>
            </div>
          {% endif %}
        {% endfor %}
        </div>
      </div>
    {% endif %}
  {% endfor %}
<script type="text/javascript">
  $("#download").click(function() {
    console.log( $(this).attr("data-id") );
    var catid;
    catid = $(this).attr("data-id");
    $.ajax({
        type:"POST",
        url: "/downloaded",
        data: {
              highlight_id: catid
            },
        success: function( data )  {
          console.log(data)
        }
      })
   })
  </script>

来自views.py

def downloaded(request):
    if request.method == 'POST':
        highlight_id = request.GET('highlight_id')
        downloadedvideo = Highlight.objects.get(pk=highlight_id)
        downloadedvideo.used = True
        downloadedvideo.save()
        return
    else:
        return

urls.py

urlpatterns = [
    path('', UploadVideo.as_view(), name='upload'),
    path(r'^downloaded/$', views.downloaded, name='downloaded'),
]

非常感谢任何帮助！

更新 profile.html 这是按照此处的说明更新的配置文件：JQuery: Perform a post before a link is followed

     {% if forloop.counter <= 4 %}
      <div class="content-section">
        <div class="media-body">
        <h2 class="account-heading">{{ x.video_id }}</h2>
        {% for y in records %}
          {% if x.video_id == y.sourcevideo.video_id %}
            <div class="media-body">
              <video width="320" height="240" controls>
                <source src="{{ y.highlight.url }}" type="video/mp4">
                  Your browser does not support the video tag
                </video>
                <br>
                <a class="btn" class="download" href="{{ y.highlight.url }}" data-id="{{ y.highlight_id }}" download>Download</a>
            </div>
          {% endif %}
        {% endfor %}
        </div>
      </div>
    {% endif %}
  {% endfor %}
<script type="text/javascript">
  $(".download").click(function(ev) {
    var self = this;
    $post.('/downloaded', function() {
      window.location.href = self.href;
    });
    return false;
});

来自 Models.py

from django.db import models
from django.utils import timezone
from django.contrib.auth.models import User

class Highlight(models.Model): #record of each HIGHLIGHT video, derived from a SOURCE video
    highlight_id = models.AutoField(primary_key = True)
    creator = models.ForeignKey(User, null=True, on_delete=models.SET_NULL)
    game = models.ForeignKey(Game, null=True, on_delete=models.SET_NULL)
    date_created = models.DateTimeField(default=timezone.now)
    sourcevideo = models.ForeignKey(Video, null=True, on_delete=models.SET_NULL)
    highlight = models.FileField(upload_to = 'highlights/')
    max_energy = models.IntegerField()
    average_energy = models.IntegerField()
    highlight_length = models.IntegerField()
    quality = models.IntegerField(null=True)
    used = models.BooleanField(default=False)

    def __str__(self):
        return self.title

Answer 1

在您的views.py 文件中，您使用的是request.GET 而不是request.POST

由于没有 GET 请求，因此您的视图返回 None。

应该是这样的：

def downloaded(request):
    if request.method == 'POST':
        highlight_id = request.POST('highlight_id')
        downloadedvideo = Highlight.objects.get(pk=highlight_id)
        downloadedvideo.used = True
        downloadedvideo.save()
        return
    else:
        return