Question

我试图对giphy执行一次简单的$.ajax调用，但我一直收到以下错误：

index.html：32未捕获的TypeError：$ .ajax不是函数

以下是我正在运行的确切代码。发生了什么事？

<button id="duckbtn">Duck Button</button>
<div id="images"></div>
<div id="ratings"></div>

<script type="text/javascript">

  $('#duckbtn').on("click", function(){

    var queryURL = "https://api.giphy.com/v1/gifs/random?api_key=dc6zaTOxFJmzC&tag=cats";

    $.ajax({
      url: queryURL,
      method: "GET"
    })
    .done(function(response){
      console.log(response);
    });

  });

</script>

Answer 1

可能是你正在使用瘦身版的jQuery。它不支持ajax调用。使用以下cdn或下载完整版本的jquery

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

<强> JSFIDDLE

Answer 2

添加：

bootstrap.js

在包含所有其他JavaScript之前，以及"(?<=[a-zA-Z])(?=[^\\sa-zA-Z])|(?<=[^\\sa-zA-Z])(?=[a-zA-Z])|\\s+"或任何其他插件之前。

Answer 3

在你的小提琴https://jsfiddle.net/uhm459mj/中，我在HTML部分所做的就是在最顶层我添加了script

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

它开始工作，你所缺少的只是jQuery

AJax不是函数错误

3 个答案: