javascript函数未从API提取信息

时间:2019-07-03 07:52:39

标签: javascript

以下功能未从API中提取图像。我已经仔细检查了所有内容,并确保没有错误,并且它与index.html文件中的名称匹配,但仍然会不断显示错误消息。

    (function(){
        'use strict';

        $(document).ready(function(){

          $('#getDogButton').click(function(){
            $.get("https://dog.ceo/api/breeds/image/random", function (data) {

              console.log(data);

              const dogUrl = data.message;

              $('#dogDisplayImage').attr('src', dogUrl);

            });
          });


        })

      })();

   the below error message it what I keep seeing when inspecting the console.


ReferenceError: $ is not definedsite.js:4:5
    <anonymous> http://127.0.0.1:5500/site.js:4
    <anonymous> http://127.0.0.1:5500/site.js:21

1 个答案:

答案 0 :(得分:0)

确保您正确导入jQuery-将其放在HTML文件中:

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