Как сделать ajax звонок из отдельного JS файла - PullRequest
0 голосов
/ 14 апреля 2020

Это рабочий код. Я просто хочу сделать звонок из отдельного js файла. Всякий раз, когда я пытаюсь сделать это, я получаю сообщение об ошибке $ не определено. Это следующие фрагменты кода.

HTML код:

<!DOCTYPE HTML>
<html lang="en">
<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>
    var data;
    $.ajax({
        headers: { 'X-Auth-Token': 'my API key' },
        url: 'https://api.football-data.org/v2/competitions',
        dataType: 'json',
        type: 'GET',
    }).done(function(response) {
        // do something with the response
        console.log(response);
        data = response;
    });
</script>

</body>
</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){
    res.render('index.hbs');
})



app.listen(3000);

1 Ответ

1 голос
/ 14 апреля 2020

помещает код внутри функции в отдельный файл JS.

отдельный. js

function ajaxCall() {
var data;
    $.ajax({
        headers: { 'X-Auth-Token': 'my API key' },
        url: 'https://api.football-data.org/v2/competitions',
        dataType: 'json',
        type: 'GET',
    }).done(function(response) {
        // do something with the response
        console.log(response);
        data = response;
    });
}

затем ... в вас html вызывает функцию

<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="separate.js"></script>
...... more code .....
<script>ajaxCall()</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...