jquery - 找不到ajax函数

Question

出现错误TypeError: $.ajax is not a function，我在这个 youtube 视频https://www.youtube.com/watch?v=pkPRtQf6oQ8&t=387s 网站是基于 django 的之后创建了 ajax 驱动的类似按钮

我的脚本是

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

   <script>
     $(document).ready(function(){
          function updateText(btn, newCount, verb){
          btn.text(newCount + " " + verb)
      }
      $(".like-btn").click(function(e){
        e.preventDefault()
        var this_ = $(this)
        var likeUrl = this_.attr("data-href")
        var likeCount = parseInt(this_.attr("data-likes")) | 0
        var addLike = likeCount + 1
        var removeLike = likeCount - 1
        if (likeUrl){
           $.ajax({
            url: likeUrl,
            method: "GET",
            data: {},
            success: function(data){
              console.log(data)
              var newLikes;
              if (data.liked){
                  updateText(this_, addLike, "Unlike")
              } else {
                  updateText(this_, removeLike, "Like")
                  // remove one like
              }
            }, error: function(error){
              console.log(error)
              console.log("error")
            }
          })
        }

      })
  })

标签： jqueryajaxdjango