// AJAX здесь не будет работать с локальными файлами, но будет работать со ссылкой на github.
<html lang="en"> <head> <meta http-equiv="content-type" content="text/php; charset=utf-8" /> <title>AJAX</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <p>This is some sdvs</p> <script type="text/javascript"> $.get("info.txt", function(data) { alert(data); }); </script> </body> </html>
// Это тело кода, в котором запрос на получение AJAX работает с локальными файлами.Почему это работает здесь, а не в первом файле?
<body> <button id="cat-button">magical cat button</button> <div id="images"> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $("#cat-button").on("click", function() { var queryURL = "https://api.giphy.com/v1/gifs/random?api_key=dc6zaTOxFJmzC&tag=cats"; $.ajax({ url: queryURL, method: "GET" }) .then(function(response) { var imageUrl = response.data.image_original_url; var catImage = $("<img>"); catImage.attr("src", imageUrl); catImage.attr("alt", "cat image"); $("#images").prepend(catImage); }); }); </script> </body> </html>
Я полагаю, это потому, что в первой версии вы не проверяли, загружен ли jQuery перед выполнением $ .get ().
Попробуйте обернуть ваш JS в следующее ...
$.function() { //$.get() here }