谷歌應用程序腳本返回數組值，並在一個JavaScript函數中使用它們

Question

我想要返回一個數組並在javascript函數中使用它，但它似乎不起作用。我Code.gs如下：

function doGet() { 
    return HtmlService.createHtmlOutputFromFile('test') 
    .setSandboxMode(HtmlService.SandboxMode.IFRAME); 
} 

function test() { 
    var locations = []; 
    var ss = SpreadsheetApp.openByUrl('https://docs.google.com/spreadsheets/d/13q7pIeMUHll6_5xBUpBavaBqALt9fnFnOIO-Hwy_pFc/edit'), 
    sheet = ss.getActiveSheet(), 
    range = ss.getRange("D2:D4"), 
    values = range.getValues(); 
    for (var r=1; r<values.length; r++) { 
     var row = values[r]; 
     locations.push(row[0]); 
    } 
    return locations; 
} 

在我的test.html的功能如下所示：

function hello() { 
    google.script.run.test(); 
} 

所以我想在陣列，其內容爲Hello功能通過在我的測試html的。我該如何做這項工作？

Answer 1

你需要一個withSuccessHandler()方法鏈接到您的google.script.run：

function hello() { 
    google.script.run 
    .withSuccessHandler(injectHTML) 
    .test(); 
} 

//This captures the returned string from the server side code 
function injectHTML(argReturnedArray) { 
    //To Do - code to inject the HTML 

}; 

不幸的是，服務器端代碼.gs只會返回一個字符串。但是有一種方法可以解決這個問題。使用：

JSON.stringify(yourArray); 

您的陣列被命名爲locations。

return JSON.stringify(locations); 

現在，您需要將JSON字符串轉換回數組：

function injectHTML(argReturnedArray) { 
    /* Put the array into the browsers window object in order to make the 
    * array named myReturnedArray available to all other functions. 
    */ 
    window.myReturnedArray = JSON.parse(argReturnedArray); 

    //To Do - code to inject the HTML 
}; 

//Get the array in another function 
function myOtherFunction() { 
    //Get the array from the browsers window object 
    var theArray = window.myReturnedArray; 
    var i=0, thisElement=""; 
    for (i=0;i<theArray.length;i+=1) { 
    thisElement = theArray[i]; 
    } 
};