GAS google.script.run.withSuccessHandler

GAS側の関数を呼び出せる

GAS側に

function getData() {
var data = “test”;
return data;
}

HTML側

JS読み込み

</body>前に

<?!= HtmlService.createHtmlOutputFromFile('jsファイル名').getContent(); ?>

例えばクリックファンクションしこんどく
<button onclick=”functionName()”></button>

読み込む

JSファイル

function functionName() {
google.script.run.withSuccessHandler(resultData).withFailureHandler(dataFalse).getData();
function resultData(responce_HONTARU_data) {
alert(responce_HONTARU_data);
}

function dataFalse() {
alert(‘データの取得に失敗しました’);
}
}

HTMLでfunctionNameがクリックされると

google.script.run.withSuccessHandler(resultData).withFailureHandler(dataFalse).getData();
GAS側にあるgetData()が実行(一番最後についてる関数)

で、成功したときと失敗したときの記述

成功時は(resultData)を関数名とし記述(名前は自分で決めれる)
function resultData(response) { // 引数には取得したデータをいれる名称を入れておく
alert(response); // これでアラートで取得したデータが出力される
}

失敗時は(dataFalse)を関数名にする(名前は自分で決めれる)
function dataFalse() {
alert(‘失敗’);
}