SIMPLE Javascript代码，用于显示谷歌电子表格中单个字段的数据

SIMPLE Javascript code to display data from a single field in a Google Spreadsheet

本文关键字：单个 字段 数据 电子表格 谷歌 代码 Javascript 用于 显示 SIMPLE      更新时间：2023-09-26

首先，我不是专业的程序员，这就是我来这里寻求帮助的原因，所以提前感谢您的时间和耐心。我需要一个网站的代码，它将调用并显示已发布的谷歌电子表格中特定字段的信息，通过HTML、javascript或其他类似方法显示。

环顾四周，似乎有几种方法可以做到这一点，但我能找到的所有例子和技巧都有点超出了我的专业范围，坦率地说，我应用其中几种方法的努力都以惨败告终。我已经搜索了以前的问题，但它们都引用了比我需要的复杂得多的例子。

如果有人能给我举一个简单的例子，我将不胜感激。（越简单越好。）与此同时，我将继续实验，看看我能做什么。

这是How can I access Google Sheet electronics only with Javascript的副本？

但是，由于这个例子对初学者来说并不简单，下面的代码将使用上面的答案中的代码显示电子表格的第二个单元格

  1. 转到https://github.com/mikeymckay/google-spreadsheet-javascript并下载文件google-spreadsheet.js
  2. 使用文本编辑器编辑该文件并更改
    • CCD_ 1至CCD_
    • this.jsonListUrl = "http://至this.jsonListUrl = "//不要在您的页面中混合使用http和https
  3. 更改下面的var url以指向您的工作表

FIDDLE

<!DOCTYPE html>
<html>
<head>
<title>Spreadsheet example</title>
<script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'></script>
<script type='text/javascript' src='google-spreadsheet.js'></script>
<script type='text/javascript'>  
$(function() {
  var url = "https://spreadsheets.google.com/pub?key=0Ago31JQPZxZrdHF2bWNjcTJFLXJ6UUM5SldEakdEaXc&hl=en&output=html";
  var googleSpreadsheet = new GoogleSpreadsheet();
  googleSpreadsheet.url(url);
  googleSpreadsheet.load(function(result) {
    $('#results').html(result.data[1]); // show the 2nd (0-based) cell
  });
});
</script>
</head>
<body>
Here is the result: <span id="results"></span>
</body>
</html>
相关文章：