来自谷歌电子表格的 JSON 数据

Question

我经历了this fiddle其中有一个带有 json 数据的三个下拉列表的示例。我有一个示例谷歌 spreadsheet here .现在可以将此电子表格数据呈现为在 fiddle 中以 json 格式给出的示例。我知道我们可以将电子表格转换为 json，

 var query = new google.visualization.Query('http://spreadsheets.google.com/tq?key=0AozvCNI02VmpdDkwR3RETmczbTI4ZFJhTXJkZHlUbEE#gid=0');
 query.send(handleQueryResponse);
 }
 function handleQueryResponse(response) {
    data = response.getDataTable();
    }

但是使用这个下拉菜单不起作用。

Answer 1

我不确定你这样做的方式，但可以用不同的方式完成。请查看 this fiddle使用您的示例数据，下面是代码。

基本上，您可以使用以下 HTML 脚本标签从电子表格中调用 JSON 数据。

<script src="http://spreadsheets.google.com/feeds/list/0An1-zUNFyMVLdEFEdVV3N2h1SUJOdTdKQXBfbGpNTGc/1/public/values?alt=json-in-script&amp;callback=importGSS"></script>

请注意，我正在链接到 复制 您的电子表格，因为它需要它通过发布

然后您可以使用以下脚本处理数据。

function importGSS(json){
    for(var i = 0; i < json.feed.entry.length; i++){
        var entry = json.feed.entry[i];
        $('#departments').append('<option>' + entry.gsx$subdivision.$t + '</option>');
        $('#subject').append('<option>' + entry.gsx$section.$t + '</option>');
        $('#services').append('<option>' + entry.gsx$station.$t + '</option>');
    }
}

您显然可以适应自己的需求。