.html在.getJSON之後不顯示

我正在嘗試遵循.getJSON示例（http://zetcode.com/articles/javascriptjsonurl/中的第一個示例），但它不起作用。我錯過了什麼嗎？感謝你的幫助！.html在.getJSON之後不顯示

我的代碼筆鏈接是：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>

來源

2017-08-21 ddss12

你確定你在codepen中導入了jquery嗎？檢查控制檯是否有錯誤。 –

您是否使用HTTPS在服務器上運行它？您無法從HTTPS中從HTTP服務器獲取數據。檢查控制檯是否有任何錯誤。 –

這是一個好主意，實施失敗檢查https://jsfiddle.net/5cakp4zy/18/你不能提出你的要求。您可以在控制檯中看到錯誤。 –

-1

確保已實際安裝的庫 - 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

來源

2017-08-21 19:54:50

這裏的問題是codepen結束了https –

是的，你是對的。 –

不能使用Codepen.io來測試你的腳本中，因爲Codepen.io使用HTTPS和HTTPS頁面上，你不能從一個不安全的網址（HTTP）請求資源。

你可以嘗試使用可以通過HTTP加載的JS Bin。

來源

2017-08-21 20:16:08

謝謝大家的答案。通過這個問題，我瞭解了HTTPS/HTTP和codepen/jsfiddle。另一個嬰兒前進。 Harray〜 – ddss12

.html在.getJSON之後不顯示

回答

相關問題