Javascript 如何使用谷歌可视化API检索谷歌电子表格单元格值？_Javascript_Google Sheets_Google Visualization

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

javascript google-sheets google-visualization

Javascript 如何使用谷歌可视化API检索谷歌电子表格单元格值？,javascript,google-sheets,google-visualization,Javascript,Google Sheets,Google Visualization,我试图在谷歌电子表格上得到一个单元格的值，但它似乎不起作用 <script> google.load('visualization', '1', {'packages':['corechart']}); google.setOnLoadCallback(loadChart); function loadChart() { var query = new google.visualization.Query('https://

我试图在谷歌电子表格上得到一个单元格的值，但它似乎不起作用

    <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>

以下是我的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>

    <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>

电子表格url是我想到的：

    <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>

你收到错误了吗？这有用吗？->https://docs.google.com/spreadsheets/d/1sA7M5kG6Xo8YScD1Df38PIA_G0bvhGRdqoExXg0KJTs/gviz/tq?headers=1&tq=SELECT 啊，是的。查询中出现错误：请求超时。还尝试使用您提供的链接，其错误与此相同。comment from-查询只是超时，因为返回的一些JSON代码包含一些空数据点