Question

我正在使用Sheets，用于将Google表格转换为JSON文件，然后使用其API将JSON转换为javascript对象。

问题在于，代码可以像W3Schools或Codepen中的Tryit一样在在线编辑器中正常工作，但是如果我将其放在HTML文件中并用Chrome或Edge打开，它将无法正常工作。有人知道为什么吗？如果我在线安装网站是否可以使用？

<head>
  <!-- Add Sheetsu Web Client script to the head -->
  <script src="//script.sheetsu.com/"></script>
</head>

<body>
  <div id="list"></div>

  <script>
    // API returns array of objects
    // Iterate over them and add each element as a list element
    function successFunc(data) {
      data.forEach(function(item, i) {
        document.getElementById("list").innerHTML += "<li>" + item.Precio + " " + item.Tipo + "</li>";
      });
    }

    function errorFunc(e) {
      console.log(e);
    }

    Sheetsu.read("https://sheetsu.com/apis/v1.0su/110ccf6a6812", {}).then(successFunc, errorFunc);
  </script>
</body>

预先感谢

Answer 1

问题是这样的：

<script src="//script.sheetsu.com/"></script>

当您使用“ //”而不使用协议（http | https）来启动资源/资产URL时，它会与页面加载位置的协议匹配。如果直接打开本地html文件，则该协议将变为file://，因此请求的URL最终为file://script.sheetsu.com/，这当然是不存在的。

将其更改为：

<script src="https://script.sheetsu.com/"></script>

Answer 2

我尝试过Firefox，并且可以正常工作。查看下面的图片：

我的HTML + JavaScript代码可用于在线编辑器，但不能离线使用

2 个答案: