Javascript 显示表中的文件列表_Javascript_Html_Web Applications_Google Apps Script_Google Drive Api

Javascript 显示表中的文件列表

javascript html web-applications google-apps-script google-drive-api

Javascript 显示表中的文件列表,javascript,html,web-applications,google-apps-script,google-drive-api,Javascript,Html,Web Applications,Google Apps Script,Google Drive Api,现在这里是我的代码 index.html <!DOCTYPE html> <html> <head> <base target="_top"> <script> function handleFormSubmit(formObject) { google.script.run.testSearch(formObject); } </script> <style> table, th, td {

现在这里是我的代码

index.html

<!DOCTYPE html>
<html>
<head>
<base target="_top">

<script>
function handleFormSubmit(formObject) 
{
google.script.run.testSearch(formObject);

} 
</script>

<style>
table, th, td {
    border: 1px solid black;
}
</style>

</head>

<body>
<script>
      google.script.run.testSearch(formObject);

</script>

 <div class="container">
   <form method="" onsubmit="handleFormSubmit(this)"> 
    <input type="text" id="txtsearch" name="txtsearch" placeholder="Search" Required>    
    <input id= "mybutton" type="submit" value="Search" >
  </form> 

</div> 

</body>
</html>

index.html的输出只显示一个文本框和按钮，实际上这段代码正在工作，它将显示在

Logger.log

中搜索到的任何文件名。我的目标是如何在html表中显示它？我希望我可以在搜索框下面添加表格，不要重定向到任何页面

TYSM

以下是脚本的一个工作示例：代码：

函数doGet（e）{//主函数
var template=HtmlService.createTemplateFromFile（'index.html'）；
返回template.evaluate（）.setTitle（'Search Drive'）.setSandboxMode（HtmlService.SandboxMode.IFRAME）；
}
函数SearchFiles（searchTerm）{
var searchFor=“fullText contains”“+searchTerm+”；//searchTerm周围需要单引号
变量名称=[]；
var files=DriveApp.searchFiles（searchFor）；
while（files.hasNext（））{
var file=files.next（）；
var fileId=file.getId（）；//获取文件的fileId
var lm=file.getLastUpdated（）；
var name=file.getName（）+“| ~|”+file.getUrl（）+“| ~|”+lm；//我正在将文件名与文件id连接起来，文件id由|~|
names.push（name）；//添加到数组中
Logger.log（file.getUrl（））；
}
返回名称；//返回结果
}
//处理表格
函数processForm（searchTerm）{
var收益率；
log（'调用了processForm！'+searchTerm）；
resultToReturn=SearchFiles（searchTerm）；
Logger.log（'resultToReturn:'+resultToReturn）；
return resultotreturn；//返回结果
}

索引：


函数displayMessage（）{
var搜索项；
searchTerm=document.getElementById（'idSrchTerm'）。值；
log（'searchTerm:'+searchTerm）；
//下面的调用意味着：调用processForm传递searchTerm值（以前转义）并在完成后调用handleResults函数
google.script.run.withSuccessHandler（HandlerResults.processForm）（searchTerm.replace（“'”，“\”））；
} 
函数句柄结果（结果）{
var length=results.length；//结果的元素总数
对于（var i=0；i，以下是脚本的一个工作示例：
代码：
函数doGet（e）{//主函数
var template=HtmlService.createTemplateFromFile（'index.html'）；
返回template.evaluate（）.setTitle（'Search Drive'）.setSandboxMode（HtmlService.SandboxMode.IFRAME）；
}
函数SearchFiles（searchTerm）{
var searchFor=“fullText contains”“+searchTerm+”；//searchTerm周围需要单引号
变量名称=[]；
var files=DriveApp.searchFiles（searchFor）；
while（files.hasNext（））{
var file=files.next（）；
var fileId=file.getId（）；//获取文件的fileId
var lm=file.getLastUpdated（）；
var name=file.getName（）+“| ~|”+file.getUrl（）+“| ~|”+lm；//我正在将文件名与文件id连接起来，文件id由|~|
names.push（name）；//添加到数组中
Logger.log（file.getUrl（））；
}
返回名称；//返回结果
}
//处理表格
函数processForm（searchTerm）{
var收益率；
log（'调用了processForm！'+searchTerm）；
resultToReturn=SearchFiles（searchTerm）；
Logger.log（'resultToReturn:'+resultToReturn）；
return resultotreturn；//返回结果
}

索引：

函数displayMessage（）{
var搜索项；
searchTerm=document.getElementById（'idSrchTerm'）。值；
log（'searchTerm:'+searchTerm）；
//下面的调用意味着：调用processForm传递searchTerm值（以前转义）并在完成后调用handleResults函数
google.script.run.withSuccessHandler（HandlerResults.processForm）（searchTerm.replace（“'”，“\”））；
} 
函数句柄结果（结果）{
var length=results.length；//结果的元素总数
对于（var i=0；i我还能说什么。TYSM TYSM TYSM:D我还能说什么。TYSM TYSM TYSM:D
function doGet() {
  return HtmlService.createHtmlOutputFromFile('index');


}
function testSearch(formObject){
  var txtsearch = formObject.txtsearch;
  var filename 

  var files = DriveApp.searchFiles('fullText contains "'+txtsearch+'"');
  while (files.hasNext()) {
    var file = files.next();
    Logger.log(file.getName());



  }
}