JavaScript не выводится в HTML

Question

JavaScript не выводится в HTML

Я сделал некоторый код, чтобы опубликовать вывод файла PHP, показывающего музыку, которую я недавно слушал на Spotify.

HTML, CSS и JS (для файла spotify.php) включены в этот скрипка.

JS в моем файле index.php:

<script type="text/javascript">
function get_spotify() {
$.ajax({
type: 'POST',
url: 'https://theobearman.com/cv/modules/spotify.php',
data: {
request: 'true'
},
success: function(reply) {
$('.now-playing').html("" + reply + "");
}
});
}
window.onload = get_spotify;
</script>

Моя проблема в том, что выходной файл .php не отображается в заголовке «Музыка» на мой веб-сайт.

Это работало несколько дней назад, поэтому я не уверен, почему это не работает сейчас.

Заранее благодарю за любую помощь,

Тео.

0

css html javascript php spotify

Решение

Другие решения

Попробуйте использовать $(document).ready() вызвать вашу функцию вместо window.onload = ... это гарантирует, что jQuery был правильно загружен.

Пример: $(document).ready(get_spotify);

1

Я посетил ваш сайт, и все, кажется, в порядке, единственная проблема в том, что ваша функция не вызывается, я пробовал с консоли и работает отлично

0

Посмотрев код вашего сайта, я обнаружил проблему.
Вы можете иметь только один window.onload на одной странице, но у вас есть две из них, поэтому он не работает.
Вот код вашего первого window.onload, поместите здесь get_spotify:

window.onload = function() {
get_spotify();//INSERT HERE
var elevator = new Elevator({
element: document.querySelector('.elevator-button'),
mainAudio: 'https://www.theobearman.com/cv/music/elevator-music.mp3',
endAudio: 'https://www.theobearman.com/cv/music/ding.mp3'
});

А также поместите тело и прототип функции get_spotify выше этого вызова onload.

0

Источник

Accepted Answer

Пытаться

$(document).ready(function() {
get_spotify();
});

вместо window.onload = get_spotify, который может выполняться до того, как элемент будет отображен на странице.

1