为了账号安全,请及时绑定邮箱和手机立即绑定

我正在尝试使用 jQuery 调用此 API,并且我已经包含了正确的 cdn,但它显示“$ 未定义”

我正在尝试使用 jQuery 调用此 API,并且我已经包含了正确的 cdn,但它显示“$ 未定义”

拉风的咖菲猫 2023-12-19 20:48:59
我正在尝试调用此 API,但它不起作用,并且给出 $ is not Defined 的错误。我已经使用了正确的 API 令牌广告,其中包含 HTML 中的 jquery CDN。这是 HTML 和 JS 的代码。var express = require('express');var app = express();var hbs = require('hbs');app.set('view-engine', 'hbs');app.use(express.static(__dirname + '/public'));app.get('/', function(req, res){    $.ajax({    headers: { 'X-Auth-Token': 'my api token' },    url: 'https://api.football-data.org/v2/competitions',    dataType: 'json',    type: 'GET',       }).done(function(response) {        // do something with the response, e.g. isolate the id of a linked resource           res.send(response);       });})app.listen(3000);HTML 代码如下:<!DOCTYPE HTML><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body></body><script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256- WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script></html>我收到的错误是“$ 未定义”。
查看完整描述

1 回答

?
慕侠2389804

TA贡献1719条经验 获得超6个赞

您在这里混合了后端和前端代码。另外,在前端,您还包含两个不同的 jQuery 版本。


我建议将前端代码更改为如下所示:


<!DOCTYPE HTML>

<html>

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

</head>

<body>


<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>   

<script>

  $.ajax({

    headers: { 'X-Auth-Token': 'my api token' },

    url: 'https://api.football-data.org/v2/competitions',

    dataType: 'json',

    type: 'GET',

  }).done(function(response) {

    // do something with the response

    console.log(response);

  });

</script>


</body>

</html>


查看完整回答
反对 回复 2023-12-19
  • 1 回答
  • 0 关注
  • 95 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信