未捕获的类型错误：$.ajax 不是函数 | 使用最新的完整 jQuery 版本时

Question

我正在尝试让一些 AJAX 功能在我的网页上运行，但我对 javascript 还很陌生。我决定使用 jQuery 作为框架与 Django 结合。但我遇到了一个错误：$.ajax() 不是一个函数。我尝试通过多种方式和多个版本下载和引用 jQuery 代码来修复该错误，但我似乎无法修复它，有人可以帮助我吗？

我对 JQuery 脚本的引用是从https://code.jquery.com/jquery-3.3.1.js下载的 HTML 文件的头部部分

<!-- JQuery -->
    <script type="text/javascript" src="{% static 'home/jquery.js' %}"></script>

该文件位于我的 myapp/static/myapp 文件夹中，我检查了控制台，它确实找到了该文件。

我的ajax调用：

{% block javascript %}
<script type="text/javascript">
  function finishedbutton(pk) {
    $.ajax({
        url: 'task/mark/',
        data: {
          'taskid': pk
        },
        dataType: 'json',
        success: function (data) {
          if (data.finished) {
          alert("SET AS FINISHED")
          }
          else {
            alert("SET AS NOT FINISHED")
          }
        }
    });
  };
</script>
{% endblock %}

我的 html 文件中的按钮调用该函数：

<button onclick="finishedbutton( '{{task.pk}}' )">
  <div class="taskbutton text-center">
    Fini
  </div>
</button>

Task.pk 是我在 HTML 文件中使用的模型的 ID 号。ajax 函数的想法是按钮将对象“任务”标记为已完成。ajax 函数应将 task.id 提供给服务器，该服务器会将任务标记为已完成，而无需重新加载整个页面。

我的错误消息（不显示在我的系统控制台中，而是显示在检查元素的控制台中）：

Uncaught TypeError: $.ajax is not a function
    at finishedbutton ((index):27)
    at HTMLButtonElement.onclick ((index):115)

我不知道是否有必要，但这是我的views.py和urls.py：

视图.py：

from django.shortcuts import render, redirect
from django.views.generic import ListView, DetailView, CreateView, UpdateView, DeleteView
from projects.models import Project, Task
from django.http import HttpResponse, JsonResponse

def MarkTask(request):
    pk = request.GET.get('taskid', None)
    print(request.GET)
    task = Task.objects.get(pk=pk)
    if task.finished == True:
        task.finished = False
    else:
        task.finished = True
    task.save()

    data = {'finished': task.finished}
    return JsonResponse(data)

网址.py：

from django.urls import path
from . import views
from django.contrib.auth.decorators import login_required

urlpatterns = [
    path('task/mark/', views.MarkTask, name='projects-marktask'),
]

Answer 1

我的 $ 值被覆盖，并且由于某种原因，当我使用 jQuery.ajax 时它也不起作用。这就是为什么我认为整个 jQuery 的东西不起作用。我最终使用了 @Louys Patrice Bessette 的解决方案，使用 .noConflict()

这最终成为我的解决方案：

<!-- JQuery -->
<script type="text/javascript" src="{% static 'home/jquery.js' %}"></script>

<script>
var $j = jQuery.noConflict();
</script>

然后使用 $j.ajax 引用 ajax