2017-09-13 1 views
0

J'essaie d'extraire des données de cellules individuelles d'une feuille Google vers une page Web. Jusqu'à présent, j'ai quelque chose comme ceci:Valeur individuelle de Google Sheet Cell à JavaScript

function loadPrice() { 
 
    var url="mygooglesheetslink"; 
 
    xmlhttp=new XMLHttpRequest(); 
 
    xmlhttp.onreadystatechange = function() { 
 
    if(xmlhttp.readyState == 4 && xmlhttp.status==200){ 
 
     document.getElementById("price").innerHTML = xmlhttp.responseText; 
 
    } 
 
    }; 
 
    xmlhttp.open("GET",url,true); 
 
    xmlhttp.send(null); 
 
    
 
    
 
}
<body onload="loadPrice()"> 
 
    <div id="price"></div> 
 
    </body>

Il tire tout de la feuille dans la page, et je suis tout simplement essayer de comprendre comment je peux individuellement placer les valeurs des cellules de la feuille dans des endroits particuliers sur la page.

Merci pour votre aide à l'avance!

+0

Pourquoi ne pas utiliser le 'google.script run.withSuccessHandler() somegasfunction' documenté [ici] (https: /. /developers.google.com/apps-script/guides/html/communication). C'est très facile à utiliser. Et vous pouvez appeler n'importe quel script google apps dans votre projet. – Cooper

Répondre

0

Ceci met à jour les options de sélection d'une feuille de calcul.

Google App Script:

function getSelectOptions() 
{ 
    sortOptions(); 
    var ss=SpreadsheetApp.getActive(); 
    var sh=ss.getSheetByName('Options'); 
    var rg=sh.getDataRange(); 
    var vA=rg.getValues(); 
    var options=[]; 
    for(var i=0;i<vA.length;i++) 
    { 
    options.push(vA[i][0]); 
    } 
    return vA; 
} 

Javascript:

$(function() { 
     google.script.run 
      .withSuccessHandler(updateSelect) 
      .getSelectOptions(); 
     }); 

function updateSelect(vA) 
{ 
    var select = document.getElementById("sel1"); 
    select.options.length = 0; 
    for(var i=0;i<vA.length;i++) 
    { 
    select.options[i] = new Option(vA[i],vA[i]); 
    } 
}