如何讓javascript等待Google-apps-script的結果？

Question

我正在嘗試使用Google-apps-script顯示給定日期的所有事件，我的問題是javascript代碼在腳本完成之前仍在繼續，因此我的代碼混亂了。 我如何使其暫停直到腳本返回結果，還是有比當前更好的方法呢？

Javascript：

<script>
 var currentDate = new Date();
 currentDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate());
 currentDate = new Date(currentDate.getTime() - currentDate.getTimezoneOffset()*60*1000);

 function formatDate(date){
  //turns date into format "Month DD"
  date = date.toISOString();
  var months =["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var output = months[date.slice(5,7)-1]+" "+date.slice(8,10);
  return output;
 }

 function printEvents(day){
  //retrieve events from google calendar for given day
  google.script.run.withSuccessHandler(onSuccess).listUpcomingEvents(day.toISOString(), (new Date(day.getTime()+24*60*60*1000).toISOString()));
 }

 function printCalendar(date1){
  //print events for three days starting with the given day
  document.getElementById('calendar').innerHTML = formatDate(date1)+"<br />";
  printEvents(date1);
  document.getElementById('calendar').innerHTML += "<br />"+formatDate(new Date(date1.getTime()+24*60*60*1000))+"<br />";
  printEvents(new Date(date1.getTime()+24*60*60*1000));
  document.getElementById('calendar').innerHTML += "<br />"+formatDate(new Date(date1.getTime()+2*24*60*60*1000))+"<br />";
  printEvents(new Date(date1.getTime()+2*24*60*60*1000));
 }

 function onSuccess(events){
  if(events != undefined){
   for (i=0; i<events.length; i++){
    for (j=0; j<3; j++){
     document.getElementById('calendar').innerHTML += events[i][j]+"<br />";
    }
    document.getElementById('calendar').innerHTML += "<br />";
   }
  }
 }

printCalendar(currentDate);


</script>

Google腳本：

function listUpcomingEvents(dateMin, dateMax) {
  var calendarId = 'primary';
  var optionalArgs = {
    timeMin: dateMin,
    timeMax: dateMax,
    showDeleted: false,
    singleEvents: true,
    maxResults: 1,
    orderBy: 'startTime'
  };
  var response = Calendar.Events.list(calendarId, optionalArgs);
  var events = response.items;
  var calendar = []
  if (events.length > 0) {
    for (i = 0; i < events.length; i++) {
      var event = events[i];
      var when = event.start.dateTime;
      var descr = event.description;
      if (!when) {
        when = event.start.date;
      }
      if (!descr) {
        descr = "NaN"
      }
        calendar.push([event.summary, when, descr]);

    }
    return calendar;
  }
}

function doGet() {
  var output = HtmlService.createTemplateFromFile('calendar');
  return output.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

當前結果：

"date1"

"date2"

"date3"
"events1"
"events2"
"events3"

預期結果：

"date1"
"events1"

"date2"
"events2"

"date3"
"events3"

Answer 1

解決了見評論。

看起來像這里的承諾？ stackoverflow.com/questions/14220321/…– Mark Schultheiss 28分鍾前

@MarkSchultheiss謝謝，對同步和異步的閱讀使我重寫了代碼，現在可以正常工作了。 我沒有使用諾言，而是使用.insertAdjacentHTML（）並給出了日期和ID以將其插入正確的位置。 – SJ_WTF