时间戳

首页 > 解决方案 > 代码在 .html 中运行良好，但在 blogspot.com 中却不行

javascript - 代码在 .html 中运行良好，但在 blogspot.com 中却不行

问题描述

我正在尝试从 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>

标签： javascriptjqueryajaxbloggerblogspot

解决方案

正如 Felipe Gonçalves Marques 在上面的评论中提到的，其中一个 URL 不是 HTTPS，这使得它与网页不兼容，因为它默认使用 HTTPS 协议。我通过取消选择 Blogger 设置中的自动 HTTPs 重定向来修复它。

推荐阅读