javascript - 如何通过传递参数从 .gs 文件中的方法调用 "somename.html"？

Question

我正在创建一个网络应用程序，在通过传递参数成功加载“searchByDocumentPage.html”之前，它会进行一些验证。

在我之前的代码中，我直接使用 ScriptApp.getService().getUrl() 调用了 doGet() 方法，因此其他按钮在加载时没有任何问题新的 HTML 页面。

由于我进行了一些验证，由于某种原因我无法加载“searchByDocumentPage.html”HTML 页面。

我第一次尝试:

var html = ScriptApp.getService().getUrl()+"?v=submitDocumentID";
return html;

第二:

return HtmlService.createTemplateFromFile("searchByDocumentPage").evaluate();

if(fileID === ""){
  document.getElementById("errorMessageDiv").innerHTML='<label style="color:red;text-align:center;font-style: italic;font-size: 12px;">Please key in the Document ID</label>';
}
else{
  google.script.run.withSuccessHandler(fnFileID).getFiles(fileID);
}

function fnFileID(returnedVal){
  if(returnedVal === "No File"){
    document.getElementById("errorMessageDiv").innerHTML='<label style="color:red;text-align:center;font-style: italic;font-size: 12px;">This Document ID do not exist</label>';
  }
  /*else{
    ScriptApp.getService().getUrl()+"?v=submitDocumentID";
  }*/
}

function getFiles(fileID) {
  var returnValue = "";
  var arrayTblFile = [];
  var selectStatementTblFile = "SELECT File_ID FROM webapp_tblFile WHERE File_ID='" + fileID  +"'";
  arrayTblFile= MySQLSelectQuery(selectStatementTblFile);//Call the SQL 
}

function from MySQLConnection.gs
  if(arrayTblFile.length == 0){
    returnValue = "No File";
  }
  else{    
    loadSearchByDocPage(fileID);
  }
  return returnValue;
}

function loadSearchByDocPage(fileID){
  return HtmlService.createTemplateFromFile("searchByDocumentPage").evaluate();

  //var html = ScriptApp.getService().getUrl()+"?v=submitDocumentID";
  //return html;
}

function doGet(e){
  var params = e.parameter;
  if(params.v === 'newDoc'){
    return HtmlService.createHtmlOutputFromFile("newDocumentPage");
  }
  else if(params.v === 'submitDocumentID'){
    return HtmlService.createTemplateFromFile("searchByDocumentPage").evaluate();
  }
  else{
    return HtmlService.createTemplateFromFile("landingPage").evaluate();
  }
}

预计通过传递参数加载“searchByDocumentPage.html”。

Answer 1

我不确定这是否是最佳实践，我已经完成了以下操作并设法获得了我想要看到的内容。

1. 附加超链接并在链接中包含参数
2. 触发超链接
3. 触发 doGet() 并使用参数成功加载页面

function fnFileID(returnedVal){
   $("#btnSubmit_DocumentID").append(
        '<a id="loadSearchByDoc" href="<?= ScriptApp.getService().getUrl(); ?>?v=submitDocumentID&fileID=' + returnedVal + '"></a>'
    );
   document.getElementById('loadSearchByDoc').click(); 
}

`function doGet(e){
  if(params.v === 'submitDocumentID'){
   return HtmlService.createTemplateFromFile("searchByDocumentPage").evaluate();

   }
 }
 `