HtmlService loading async sample code

Question

In the HtmlService docs async sample code...

How does the parameter things get passed into the function showThings(things) after the page loads?

Running as is, the html list just gets emptied.

In my Code.gs, I added in...

function getLotsOfThings() {
  return [1,2,3];
}

but it doesn't pass or store the result so showThings() can use it.

works fine for me function doGet(request) { return HtmlService.createTemplateFromFile('Page') .evaluate().setSandboxMode(HtmlService.SandboxMode.NATIVE); } function getLotsOfThings() { Logger.log('was called') return [1,2,3]; } — DavidF
– DavidF, Commented Oct 31, 2013 at 22:11
yeah, i see how getLotsOfThings() gets called, but not how showThings() is ever sent things. — Bryan P
– Bryan P, Commented Oct 31, 2013 at 22:20

Community · Accepted Answer · 2017-05-23 10:32:13Z

1

The built-in google.script.run does this for us.

You can think that the Apps Script platform gets the return value of your server-side function JSON.stringify it and then JSON.parse on the client-side normally. And since withSuccessHandler receives you return function, running it and passing a parameter is easy. As shown by Frits.

Here is what the withSuccessHandler documentation says:

Because client-side code continues to the next line without waiting for a server call to complete, the google.script API allows you to specify another client-side function to run when the server responds. If the server function returns a value, the API passes the value to the new function as a parameter.

By the way, the code example worked just fine for me. Have you had any problems? This is the code I used (plus the example exact html file, which I called "page"):

function doGet() {
  return HtmlService.createHtmlOutputFromFile('page');
}

function getLotsOfThings() {
  return [1,2,3];
}

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Nov 1, 2013 at 15:43

Henrique G. Abreu

17.9k3 gold badges59 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bryan P Over a year ago

was using createTemplateFromFile() and missing the non-visible API pass concept.

Henrique G. Abreu Over a year ago

createTemplateFromFile should work too. It's just not necessary since there's nothing to be evaluated on that html example. Actually, that's the main idea of doing asynchronous work. The same page should load faster when using "createOutput..." instead of "createTemplate...", specially because the can cache the cajoling part and not have to redo it every time (which they can't avoid when you createTemplate).

Halcyon · Accepted Answer · 2013-10-31 17:23:59Z

0

I think that might be a mistake.

It can still work though, see this example:

function foo(arg) {
    console.log(arg);
}
function run(callback) {
    callback("bar");
}
run(foo); // "bar"

From the code it's not obvious what the value of things is though, or where it comes from.

answered Oct 31, 2013 at 17:23

Halcyon

57.8k10 gold badges93 silver badges131 bronze badges

1 Comment

Bryan P Over a year ago

yeah i'm trying to find out where things comes from or what the assumptions are

Collectives™ on Stack Overflow

HtmlService loading async sample code

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related