Question

我已经制作了一些代码来发布一个PHP文件的输出，显示我最近在Spotify上听过的音乐。

HTML，CSS和JS（用于spotify.php文件）包含在此fiddle.

中

我的index.php文件中的JS是：

<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文件的输出未显示在my website的“音乐”标题下。

这是几天前的工作，所以我不确定为什么它现在不起作用。

提前感谢您的帮助，

西奥。

Answer 1

尝试

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

而不是window.onload = get_spotify，它可以在页面上呈现元素之前运行。

Answer 2

尝试使用$(document).ready()来调用您的函数而不是window.onload = ...这可以确保正确加载了jQuery。

示例：$(document).ready(get_spotify);

Answer 3

我访问了你的网站，而且每件事情似乎都很好，唯一的问题是你的功能没有被调用，我从控制台尝试并完美地工作

Answer 4

看了一下你的网站代码，我发现了问题。您可以在一个页面中只有一个 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调用之上。

PHP输出未出现在HTML

4 个答案: