2012-04-22 8 views
1

jQuery 스크립트를 사용하여 html 표에 csv 파일 (Google 스프레드 시트)을 표시합니다. 'test.csv'를 스크립트와 동일한 폴더에있는 csv 파일과 함께 사용하면 작동하지만 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

(I 구글 앱 엔진 (자바)에이 스크립트를 사용)에서 비롯됩니다. 지금까지는 허용되지 않습니다 (아직까지는?) : 스프레드 시트 API의 응답에 CORS 헤더가 없습니다.

이 부분을 서버/백엔드 어딘가에 옮겨야합니다.

테이블에 워크 시트 데이터 만 표시하면 스프레드 시트 (차트 사용)에서 직접 다른 방법으로 작업 할 수 있습니다.

0

JSONP을 사용하면 상호 도메인을 허용하는 Java 스크립트를 사용할 수 있습니다. 나는 그것을 처리 할 간단한 라이브러리를 코딩했다. 체크 아웃 : Gsheet2json

관련 문제