代碼在 .html 中運行良好，但在 blogspot.com 中運行不正常

Question

我正在嘗試從 JSONP 地址獲取值並將其顯示在新的文本行中。 該腳本在 .html 中運行良好（保存為 .html 並在桌面上打開），但在發布到博客 (blogspot.com) 時不起作用。

我已經在這里看到了一個基於函數的答案，這些函數僅在文檔加載完成后才加載代碼，但是我的代碼已經具有該功能，無論如何它都不起作用。

另外，根據我自己的經驗，我知道 blogspot.com 允許使用 javascript 和 jquery。

它不允許ajax請求嗎？ 我還沒有在網上看到這樣的聲明。

任何幫助表示贊賞。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
  $("button#butt").click(function(){
    $("#div1").load("http://api.sidra.ibge.gov.br/values/t/1419/n1/all/h/n/v/69/p/last%201?formato=json", function(data) {
        var json = data, obj = JSON.parse(json);
        $("#div1").text(obj[0].V);
    });
  });
});
</script>

<div id='div1'></div>
<button id="butt">Show value</button>

Answer 1

正如 Felipe Gonçalves Marques 在上面的評論中提到的，其中一個 URL 不是 HTTPs，這使得它與網頁不兼容，因為它默認使用 HTTPs 協議。 我通過在 Blogger 的設置中取消選擇自動 HTTPs 重定向來修復它。