Importieren Sie Google Sheets-Zellendaten in einfache HTML-Elemente

Question

Erste Post hier.

Ich möchte Zelldaten aus Google Tabellen in HTML-Elemente importieren. Ein Beispiel wäre ein Google-Blatt mit Artikelpreisen, bei dem ich die einzelnen Zellendaten in ein HTML-Element übertragen könnte.

Ich fand diese Posts und es ist, was ich suche, aber ich sehe keine klare Antwort, aber es ist wahrscheinlich mein Mangel an Wissen. Wenn mir jemand in die richtige Richtung zeigen könnte, wäre das großartig. Ich frage nicht nach einem Tutorial, sondern nur nach der Meinung eines Experten, damit ich nicht am Ende etwas falsches erforsche und viel Zeit verschwenden muss.

Vielen Dank.

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

Wenn Sie Sheets-API zu verwenden, dann ist hier, was es kann aussehen werden.

Ich gebe Ihnen nur ein Schnipsel zu zeigen, dass dies machbar ist.

zuerst die Daten aus der Tabelle, die unter Verwendung von Reading a single range guide holen.

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

, die ich in meinem XMLHttpRequest verwendet:

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); 
     } 

druckt es auf der HTML-Seite document.write verwenden. Ich weiß, das ist ein schäbiger Job und es gibt gute Möglichkeiten, Daten auf der HTML-Seite anzuzeigen, aber ich wollte nur zeigen, dass es machbar ist - von Spreadsheet zu HTML-Seite.