Googleシートのセルデータを単純なHTML要素にインポートする

Question

最初の投稿はここにあります。

GoogleスプレッドシートからHTML要素にセルデータをインポートする方法を検討しています。例としては、個別のセルデータをHTML要素にプッシュできる商品価格設定のGoogleシートがあります。

私はこれらの記事を見つけましたが、私が探していたものですが、私は明確な答えは見当たりませんが、私の知識の欠如が最もありそうです。誰かが私を正しい方向に向けることができれば、それは素晴らしいものになるでしょう。私はチュートリアルを要求していない、ちょうど専門家の意見だから、私は間違ったことを研究し、多くの時間を無駄にしない。

ありがとうございます。

Pull data from a google sheet and display as simple html text

RSSHow can I pull just ONE cell of data at a time for Google Sheets to embed into my HTML content?

Answer 1

あなたは、ここではシートのAPIを使用するつもりなら、それはのように見えるかもしれないものです。

これは実行可能であることを示すスニペットを提供します。

まずReading a single range guideを使用してスプレッドシートからデータをフェッチします。 htmlページの

function fetchValues(){ 
     console.log("-----checkIfEmpty-----"); 
     var xhr = new XMLHttpRequest(); 
     xhr.open('GET', 'https://sheets.googleapis.com/v4/spreadsheets/'+myspreadsheetId+'/values/'+"Sheet1!"+A+":"+Z); 
     xhr.setRequestHeader('Authorization', 'Bearer ' + myAccessToken); 

      var arrayBuffer; 
      var myArr; 

     xhr.onload = function (oEvent) { 
      arrayBuffer = xhr.response; // Note: not oReq.responseText 
      console.log("arrayBuffer "+ arrayBuffer); 
      myArr = JSON.parse(arrayBuffer); 

       for(var i = 0; i <= myArr.values.length; i++){ 
         document.write(myArr.values[0][i] + " "); 
       } 
     }; 
     xhr.send(null); 
     } 

印刷することがdocument.writeを使用して：私は私のXMLHttpRequestで使用

GET https://sheets.googleapis.com/v4/spreadsheets/spreadsheet_id/values/range 

。私はこれがちょっとした仕事で、htmlページにデータを表示する適切な方法があることを知っていますが、私はそれをspreadhsheetからHTMLページにすることができます。