Question

我正在尝试关注.getJSON示例（This中的第一个示例），但它无效。我错过了什么吗？感谢您的帮助！

我的代码笔链接是：http://zetcode.com/articles/javascriptjsonurl/

$.getJSON('http://time.jsontest.com', function(data) {
    
    var text = `Date: ${data.date}<br>
                Time: ${data.time}<br>
                Unix time: ${data.milliseconds_since_epoch}`
                
    
    $(".mypanel").html(text);
});

<div class="mypanel"></div>

Answer 1

您不能使用Codepen.io来测试您的脚本，因为Codepen.io使用HTTPS，而在HTTPS页面上，您无法从不安全的URL（HTTP）请求资源。

您可以尝试使用可以通过HTTP加载的JS Bin。

Answer 2

确保您实际安装了库 - 在这种情况下为jQuery。

使用jQuery时可以使用。

$.getJSON('http://time.jsontest.com', function(data) {

    var text = `Date: ${data.date}<br>
                Time: ${data.time}<br>
                Unix time: ${data.milliseconds_since_epoch}`


    $(".mypanel").html(text);
});

http://jsbin.com/qajiwujexi/edit?html,js,output

.html在.getJSON之后不显示

2 个答案: