Google Sheet 转 Json 数据实时更新，无需刷新网站页面

Question

这个函数运行良好。

我在寻找什么

如果有人更新 Google Sheet 上的数据而不重新加载网页，则更新任何语言的 DOM 元素帮助。

我正在使用 googlesheet json 文件

https://spreadsheets.google.com/feeds/list/1XaFRnQfNPRP86UPNcdgQuCCH6AeVe5FZOxBHaIPZDpM/od6/public/values?alt=json

var myData = [];

// an example function that will get the data by index so it can be used however you want

function showDetails(index) {

   var selectedData = myData[index];

   alert(JSON.stringify(selectedData, null, 2));

}

$.getJSON("https://spreadsheets.google.com/feeds/list/1XaFRnQfNPRP86UPNcdgQuCCH6AeVe5FZOxBHaIPZDpM/od6/public/values?alt=json", function(data) {

            myData = []; // reset whenever data loads

            var sheetData = data.feed.entry;

            var i;

            for (i = 0; i < sheetData.length; i++) {

                var dataPoint = {

                  name: data.feed.entry[i]['gsx$slipno']['$t'],

                  id: data.feed.entry[i]['gsx$id']['$t'],

                  clientname: data.feed.entry[i]['gsx$clientname']['$t'],

                  delivery: data.feed.entry[i]['gsx$delivery']['$t']

                };

                myData.push(dataPoint); // add data point to array to reference later

                // var email = data.feed.entry[i]['gsx$email']['$t'];

                // var delivery = data.feed.entry[i]['gsx$delivery']['$t'];

                document.getElementById('demo').innerHTML +=

                    ('<tr class="dd d-flex justify-content-around">' +

                        '<td>' +

                        " <span id='" + 't' + dataPoint.id + "'>" + dataPoint.name + '</span>' +

                        '<span class="cn" onclick="showDetails(' + i + ');">' + dataPoint.clientname + '</span>' +

                        '</td>' +

                        '<td class="ml-auto gg" onclick="showDetails(' + i + ');">' +

                        '</td>' +

                        '</tr>');

            }

        });

Answer 1

您可以循环运行该$.getJSON函数setInterval来轮询 Google 表格文档是否有更改。下面将每秒检查一次更新setInterval(function&nbsp;()&nbsp;{$.getJSON(.....)},&nbsp;1000)