。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

正如FelipeGonçalvesMarques在上面的评论中提到的那样，其中一个URL不是HTTP，这使它与使用HTTPs协议的网页不兼容。我通过在Blogger的设置中取消选择自动HTTP重定向来解决此问题。