如何使用谷歌可视化API来检索谷歌电子表格单元格值

How to use Google visualization API to retrieve google spreadsheet cell value?

本文关键字：谷歌 电子表格 单元格 检索 API 何使用 可视化      更新时间：2023-09-26

>我试图在谷歌电子表格上获取单元格的值，但它似乎不起作用。

这是我的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>

电子表格

网址 谷歌电子表格

这是我想到的：

<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>
相关文章：