Я тестирую веб-сайт и пытаюсь запустить данные в URL-адресе на моем веб-сайте через локальный компьютер, но он не работает.
function getQuotes() { return $.ajax({ headers: { Accept: "application/json" }, url: 'https://gist.githubusercontent.com/camperbot/5a022b72e96c4c9585c32bf6a75f62d9/raw/e3c6895ce42069f0ee7e991229064f167fe8ccdc/quotes.json', success: function(jsonQuotes) { if (typeof jsonQuotes === 'string') { quotesData = JSON.parse(jsonQuotes); console.log('quotesData'); console.log(quotesData); } } }); }
Когда язапустить сайт из моей IDE.
в зависимости от используемой вами версии jQuery, вы можете просто использовать $.getJSON()
$.getJSON()
Вот пример:
(function() { var url = "https://gist.githubusercontent.com/camperbot/5a022b72e96c4c9585c32bf6a75f62d9/raw/e3c6895ce42069f0ee7e991229064f167fe8ccdc/quotes.json"; $.getJSON( url) .done(function( data ) { // Ensure data.quotes is an array if(Array.isArray(data.quotes)) { // Append each quote in the quote box $.each( data.quotes, function(i, item) { var quoteText = item.quote + " (" + item.author + ")"; $("#quotesBox").append("<blockquote>" + quoteText + "</blockquote>"); }); } }); })();
blockquote { font-family: Georgia, "Times New Roman", serif; font-style: italic; background: #f9f9f9; border-left: 5px solid #ccc; margin: 10px; padding: 0.5em 10px; }
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script> </head> <body> <div id="quotesBox"></div> </body> </html>