2014-02-26 2 views
3

이름과 이메일 주소가있는 양식을 작성하여 작성할 수 있습니다.간단한 HTML 양식을 통해 Google 스프레드 시트에 기본 데이터를 추가하십시오.

<form method="post" action="SOME-ACTION-HERE" accept-charset="UTF-8"> 
    <input type="text" name="newletter_name" placeholder="Name"> 
    <input type="text" name="newletter_email" placeholder="Email"> 
    <input type="submit" value="Subscribe" /> 
</form> 
:

enter image description here

사용자가 제출 버튼을 클릭하면 지금, 나는이 이상적으로 일부 서버 측 마법을 사용하지 않고 스프레드 시트에 데이터를 보내려는 ..

내 양식입니다

내 자신의 사용자 정의 HTML 양식으로이를 수행 할 수있는 방법이 있습니까? 주어진 스프레드 시트에 대한 Google 양식을 만들 수 있지만 위젯과 같은 것을 사용하고 싶습니다.

답변

10

예 가능합니다. 일부 서버 쪽 매직 사용 여부.
중요한 것은 우리가 말하고있는 마녀 서버, 서버 또는 Google 서버를 아는 것입니다. 결국 스프레드 시트 응용 프로그램에 저장 될 서버 측이 될 것이기 때문입니다.
이것이 가능하다고 생각합니다. 가득 차있는 JS (그러나 진짜로 고통 스러울 것이다). 데모를 : 내가 여기 당신이 구글에서 중계하는 것입니다 제안
이 솔루션은 정말 쉬운 방법으로 서버 측의 마법을 처리 할 스크립트를 애플 리케이션

당신 사이트의 HTML 코드 :

<form id="form" method="get" action="https://script.google.com/macros/s/AKfycbxeKTVlTkqSGLIRphBrzACjuWlfmejbPIG7NqBxx-7Us7lnqLw/exec" accept-charset="UTF-8"> 
    <input type="text" name="newletter_name" placeholder="Name"> 
    <input type="text" name="newletter_email" placeholder="Email"> 
    <input type="submit" value="Subscribe"/> 
</form> 

여기에 구글 앱 스크립트 : 당신이 결과를보고 싶다면

function doGet(e){ 
    var vals=[]; 
    vals.push(new Date()); 
    for(var i in e.parameter){ 
    vals.push(e.parameter[i]); 
    } 
    SpreadsheetApp.openById("0Ao02g19G1-G-dElQQW92ekZWa0lGRGREYUpHRWQwTVE").appendRow(vals); 
    return ContentService.createTextOutput("added"); 
} 

스프레드 시트에 모습을 가질 수 here

알아 두어야 할 사항 :
google apps 스크립트는 스프레드 시트에 있습니다 (하지만 그의 ID로 호출하는 스크립트에서는 필수 사항은 아닙니다).
스크립트를 실행하려면 스크립트를 게시하고 모든 사람이 스크립트를 실행할 수 있도록 허용해야합니다. 이 작업을 수행하면 HTML 코드에 입력해야하는 게시 된 URL이 표시됩니다. 여기에 : https://script.google.com/macros/s/AKfycbxeKTVlTkqSGLIRphBrzACjuWlfmejbPIG7NqBxx-7Us7lnqLw/exec

희망은 만족스러운 답변입니다.

+0

네, 정말 대단합니다. 나는이 대본 정면에 관해 몰랐다. 우수 답변. 감사합니다 – Besi

+0

이 여전히 작동합니까 ?? – Neil

+0

안녕하세요,이 방법은 여전히 ​​작동합니까? –

관련 문제