I risultati di Java Script non vengono visualizzati in HTML
Nov 30 2020
Ho scritto un codice GAS per verificare se il dipendente è In o Not in (estraendo i dati dai fogli di Google). Il registro della console mi dà la risposta giusta, ma quando faccio clic sul pulsante la risposta non viene visualizzata sul front-end. Potete aiutarmi a risolvere i problemi su dove ho sbagliato?
<div>
<script>
function onStatus(notify) {
var employee = "John Peter";
var ss = SpreadsheetApp.getActiveSpreadsheet();
var mainSheet = ss.getSheetByName("MAIN");
var data = mainSheet.getDataRange().getValues();
for (var j = 0; j < data.length; j++){
var row = data[j];
var mainSheet2 = row[4];
var mainSheet3 = row[0];
var status = (mainSheet2 =="IN" && mainSheet3 == employee) ;
if (status == true){
var notify = employee +" You Are In"
return notify;
}
}
document.getElementById('status').innerHTML= notify;
}
</script>
<button onclick="onStatus()">Check Status</button>
<font color='Green' id="status" ></font>
</div>
Risposte
4 Diego Nov 30 2020 at 10:49
Google fornisce un'ottima guida per la comunicazione da client a server che consiglio vivamente di leggere per capire meglio come funziona.
Non puoi inserire il codice di script delle app (ad esempio SpreadsheetApp.getActiveSpreadsheet()) negli script di frontend. Quel codice deve essere eseguito dal server di script delle app nel back-end e lo chiamerai quindi utilizzando una google.script.runchiamata.
Code.gs
function doGet(e) {
return HtmlService.createHtmlOutputFromFile('Index');
}
function checkStatus() {
var employee = "John Peter";
var ss = SpreadsheetApp.getActiveSpreadsheet();
var mainSheet = ss.getSheetByName("MAIN");
var data = mainSheet.getDataRange().getValues();
for (var j = 0; j < data.length; j++){
var row = data[j];
var mainSheet2 = row[4];
var mainSheet3 = row[0];
var status = (mainSheet2 =="IN" && mainSheet3 == employee) ;
if (status == true){
return employee + " You Are In";
}
}
}
Index.html
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<div>
<button onclick="onStatus()">Check Status</button>
<font color='Green' id="status" ></font>
</div>
<script>
function onStatus() {
google.script.run
.withSuccessHandler(updateStatus) // Send the backend result to updateStatus()
.checkStatus(); // Call the backend function
}
function updateStatus(notify) {
document.getElementById('status').innerHTML= notify;
}
</script>
</body>
</html>