PHP 输出未出现在 HTML 中答案

【问题标题】：PHP Output Not Appearing in HTMLPHP 输出未出现在 HTML 中
【发布时间】：2015-04-23 07:00:22
【问题描述】：

我编写了一些代码来发布一个 PHP 文件的输出，该文件显示了我最近在 Spotify 上收听的音乐。

fiddle. 中包含 HTML、CSS 和 JS（用于 spotify.php 文件）

我的 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 的“音乐”标题下。

这几天前还在工作，所以我不知道为什么现在不工作了。

提前感谢您的帮助，

西奥。

【问题讨论】：

代码永远不会停止工作，已经进行了导致此的更改:) 您是否遇到任何错误？如果是这样，请将它们包括在问题中。
我看不到。
添加ini_set('error_reporting', E_ALL);到你的 php 文件的顶部

标签： javascript php html css spotify

【解决方案1】：

试试

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

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

【讨论】：

另外，text/rocketscript 是什么，你为什么不用text/javascript？也可能与此有关。
Cloudflare。服务器端还是text/javascript。
我发现了问题......你后来用另一个函数（关于电梯的东西）覆盖了 window.onload。无论如何，我答案中的代码也解决了这个问题。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

那我该如何调用函数呢？
我认为 window.onload = get_spotify 不能正常工作可能是 $(document).ready() 会解决你的问题。从控制台尝试后，我可以看到“我上次在 Spotify 上听 J Balvin 的 6 AM 是 23 分钟前。”

【解决方案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 调用之上。

【讨论】：