2012-04-22 8 views
1

jQueryスクリプトを使用して、htmlテーブルにcsvファイル(Googleスプレッドシートから)を表示します。 「test.csv」をスクリプトと同じフォルダにあるcsv-fileとともに使用すると機能しますが、GoogleスプレッドシートからURLを追加すると機能しなくなります。jquery googleスプレッドシート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/ あなたがここにクロスドメインリクエストを行っている

答えて

0

(私はGoogle App Engineの(Java)の上でこのスクリプトを使用)から来ています。限り、これは許可されていません(まだですか?):スプレッドシートAPIからの応答にはCORSというヘッダーはありません。

この部分をサーバー/バックエンドのどこかに移動する必要があります。

表にワークシート・データを表示するだけであれば、表を使用して直接(表を使用して)、他の方法で表を作成できます。

0

JSONPを使用して、クロスドメインを許可するJavaスクリプトを使用します。私はそれを処理するための簡単なライブラリをコーディングしました。チェックアウト:Gsheet2json

関連する問題