从谷歌电子表格中提取数据到 HTML 中遗漏了一些东西答案

【问题标题】：Missing something from extracting data from Google Spreadsheet to HTML从谷歌电子表格中提取数据到 HTML 中遗漏了一些东西
【发布时间】：2015-03-06 21:04:21
【问题描述】：

我正在努力将我的谷歌电子表格中的数据获取到 HTML 页面中。标题显示得很好，但数据不存在。我已经公开发布了电子表格。我不确定为什么我没有看到任何数据。任何反馈或帮助将不胜感激。

<h2>Construction and Infrastructure</h2>
<p>
<script type="text/javascript">// <![CDATA[
function importGSS(json) {

// Edit below //    
var headers = ["Program Name", "Description", "Status", "Timeline"];
var gsxdata = ["gsx$projectname.$t", "gsx$description.$t", "gsx$status.$t", "gsx$timeline.$t"];
// Edit above //

$('#dataList').empty();
var headerData = '';
var rows = '';
for (i = 0; i < headers.length; i++) {
    headerData += '<th>' + headers[i] + '</th>';
        for (j = 0; j < gsxdata.length; j++) {
            rows += '<tr>' + gsxdata[j] + '</tr>';
        }
}

$('#dataList').append('<table id="tableDataList"><thead><tr>' + headerData + '</tr></thead><tbody>' + rows + '</tbody></table>');

var d = new Date(json.feed.updated.$t);
$('#updated').append('Updated: ' + d);
}
// ]]></script>
</p>
<div id="dataList"></div>
<div id="updated" style="text-align: right;"></div>
<p>
<script src="http://spreadsheets.google.com/feeds/list/1o07oxTjuJSIbZbnlUPvxhid98vdK7PGnSr36nOybbJ8/1/public/values?alt=json-in-script&amp;callback=importGSS" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function () {
    var viewID = $("[id*='**']").attr('id');
    var goTo = document.getElementById(viewID);
    goTo.scrollIntoView(true);
});
// ]]></script>

【问题讨论】：

谢谢-0 我会添加jquery标签
feeds/list 的文档在哪里？
来自谷歌电子表格 - docs.google.com/spreadsheets/d/…
那么，您将电子表格作为 RSS 提要发布到网络上了吗？在 FILE 下，PUBLISH TO WEB。
我注意到我错过了提要部分。所以我重新编写了代码-希望它有所帮助。它是正确的，但现在我在循环中变得未定义。

标签： jquery json google-apps-script google-sheets google-spreadsheet-api

【解决方案1】：

我通过添加一些代码来解决这个问题 - 我没有在我的代码中使用 json.feed.entry 并且当我添加它时它可以工作。

遵循更新的代码 -

<h2>Construction and Infrastructure</h2>
<p>
<script type="text/javascript">// <![CDATA[
function importGSS(json) {
    // Edit below //    
    var headers = ["Project Name", "Description", "Status", "Timeline"];
    var gsxdata = ["gsx$projectname", "gsx$description", "gsx$status", "gsx$timeline"];
    // Edit above //

    $('#dataList').empty();
    var headerData = '';
    var rows = '';
    for (i = 0; i < headers.length; i++) {
        headerData += '<th>' + headers[i] + '</th>';
    }

    for (i = 0; i < json.feed.entry.length; i++) {
        entry = json.feed.entry[i];
        rows += '<tr>';
        for (j = 0; j < gsxdata.length; j++) {
            if (entry.hasOwnProperty(gsxdata[j])) {
                gdata = entry[gsxdata[j]].$t;
                rows += '<td>' + gdata + '</td>';
            }
        }
        rows += '</tr>';
    }

    $('#dataList').append('<table id="tableDataList"><thead><tr>' + headerData + '</tr></thead><tbody>' + rows + '</tbody></table>');

    var d = new Date(json.feed.updated.$t);
    $('#updated').append('Updated: ' + d);
}
// ]]></script>
</p>
<div id="dataList"></div>
<div id="updated" style="text-align: right;"></div>
<p>
<script src="http://spreadsheets.google.com/feeds/list/1o07oxTjuJSIbZbnlUPvxhid98vdK7PGnSr36nOybbJ8/1/public/values?alt=json-in-script&amp;callback=importGSS" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function () {
    var viewID = $("[id*='**']").attr('id');
    var goTo = document.getElementById(viewID);
    goTo.scrollIntoView(true);
});
// ]]></script> 
</p>

【讨论】：