PHP 输出未出现在 HTML 中

Question

我已经编写了一些代码 post 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 上的 'Music' header 下。

这几天前还能用，所以我不确定为什么现在不能用了。

在此先感谢您的帮助，

西奥.

Answer 1

尝试

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

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

Answer 2

我访问了你的网站，一切似乎都很好，唯一的问题是你的函数没有被调用，我从控制台试了一下，效果很好

Answer 3

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

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

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 中

PHP Output Not Appearing in HTML

html

javascript

css

php

spotify