javascript - 如何使用Google可视化API检索Google电子表格单元格值?

标签 javascript google-sheets google-visualization

我正在尝试获取 Google 电子表格上单元格的值,但似乎不起作用。

这是我的 JavaScript 代码:

<html>

    <script>
    google.load('visualization', '1', {'packages':['corechart']});
    google.setOnLoadCallback(loadChart);

    function loadChart() {

            var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1sA7M5kG6Xo8YScD1Df38PIA_G0bvhGRdqoExXg0KJTs/edit#gid=0');

            query.send(handleQueryResponse);
    }

    function handleQueryResponse(response) {
        if (response.isError()) {
            alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
            return;
        }

    var datatable = response.getDataTable();
    var result = datatable.getValue(0,0);

    document.getElementById('output1').value = result;
    document.getElementById('output2').innerHTML = result;
    document.getElementById('output3').textContent = result.toString();
    }

    </script>
</head>

<body>

    Test 1: There are <input id="output1"> value <br>

    Test 2: There are <p id="output2"> value </p> 

    <p> Test 3: There are <a id="output3"> </a> value </p>

</body>

电子表格网址 google spreadsheet

最佳答案

这是我想到的:

<html>
<head>
    <script type='text/javascript'>
        window.onpageshow = function () {
            google.load('visualization', '1', {
                callback: function () {
                    var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1sA7M5kG6Xo8YScD1Df38PIA_G0bvhGRdqoExXg0KJTs/gviz/tq?tqx=out:html&tq?gid=0&headers=0&range=A1:C');
                    query.send(displayData);
                }
            });

            function displayData(response) {
                numval = response.getDataTable().getValue(0,0);
                document.getElementById('data').innerHTML = numval;
            }
        }
    </script>  
</head>
<body>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <div id="data"></div>
</body>
</html>

关于javascript - 如何使用Google可视化API检索Google电子表格单元格值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35525121/

相关文章:

r - 使用 json 路径对 googlesheets4 进行非交互式身份验证

javascript - 环回和 Angular : How to set default value in form

javascript - 如何在HTML网页中获取flash的url、高度、宽度?

google-apps-script - Google Apps 脚本 - 如何将一列复制到下一个可用列的另一工作表

php - 两个数组的 Google 散点图

javascript - 如何删除表格中每个 td 标签的第一个字符,然后使用 Google Chart API 和 Javascript 显示它

javascript - Google 图表 : Is there a way to re-render the chart when the screen changes sizes?(请仅使用 JavaScript)

javascript - 在 Backbone Marionette 应用程序中设置变量

javascript - jQuery 获取文本区域中直到特定字符之前的字符的值

javascript - 是否有一个功能可以从脚本中排除我的工作簿中的某些工作表