.htmlが表示されない.getJSON

Question

私は.getJSONの例（最初の例はhttp://zetcode.com/articles/javascriptjsonurl/）に従っていますが、動作していません。私は何かが欠けていたか？あなたの助けに感謝！

私のコードのペンのリンクは次のとおりです。https://codepen.io/Hance/pen/eErYrM

$.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

は、あなたが実際にライブラリインストールされていることを確認してください - この場合にはjQueryのを。

jQueryを使用するときに機能します。 Codepen.ioは、HTTPSを使用していますので、あなたのスクリプトをテストするためにCodepen.ioを使用することはできませんし、HTTPSページにあなたが安全でないURL（HTTP）からリソースを要求することはできません

$.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

Answer 2

。

HTTP経由でロードできるJS Binを試すことができます。