Question

我使用jQuery脚本在html表格中显示csv文件（来自谷歌电子表格）。当我使用'test.csv' - 将csv文件放在与脚本相同的文件夹中时 - 它可以工作，但是当我从谷歌电子表格添加网址时，它就会停止工作。

<script>
$(function() {
    $.get('https://docs.google.com/spreadsheet/pub?key=(key)&single=true&gid=8&range=A12%3AB34&output=csv', function(data) {
        $('#CSVSource').html('<pre>' + data + '</pre>');
    });
    $('#CSVTable').CSVToTable('https://docs.google.com/spreadsheet/pub?key=(key)&single=true&gid=8&range=A12%3AB34&output=csv', { loadingImage: 'images/loading.gif', startLine: 0 });
    $.get('test.tsv', function(data) {
        $('#TSVSource').html('<pre>' + data + '</pre>');
    });
(...)

该脚本来自http://code.google.com/p/jquerycsvtotable/ （我在Google App Engine（Java）上使用此脚本）

Answer 1

您正在此处提出跨域请求。据我所知，这是不允许的（但是？）：Spreadsheet API的响应中没有CORS标题。

您必须将此部件移动到服务器/后端。

如果您只需要在表格中显示工作表数据，还可以直接从电子表格（使用图表）进行其他方式。

Answer 2

使用JSONP来使用允许跨域的java脚本。我编写了一个简单的库来处理它。请查看Gsheet2json

jquery google电子表格csv

2 个答案: