我正在尝试使用 jQuery 调用此 API，并且我已经包含了正确的 cdn，但它显示“$ 未定义”
我正在尝试调用此 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
您在这里混合了后端和前端代码。另外，在前端，您还包含两个不同的 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>
随时随地看视频慕课网APP
相关分类
Html5