Q&A
前提・実現したいこと
現在 GoogleAppScriptとCloudSQLを利用して
Webアプリを作っていますが、フォームの値をGasへ渡して
検索結果をHTML側に表示させようとしていますが、検索した結果の関数を
getData()で渡せばいいとはわかるのですが、問題は
WHERE文で検索した結果をgetData()へ渡すにはgetData()に対しても引数で
渡さなければいけないのではと考えましたが、引数を付けて渡しても
next文が読み取れない＝値が渡っておらず
どうしたらいいのかわからなくなっております。
どなたか知恵をお貸し頂ければと思います。
■■な機能を実装中に以下のエラーメッセージが発生しました。
HTML側
<!DOCTYPE html> <html> <head> <base target="_top"> </head> <body> <script> function onSuccess(res){ var list=document.getElementById("list"); list.innerHTML=res;}
</script>
gas側
function doGet() {
var output=HtmlService.createTemplateFromFile('index');
return output.evaluate().setTitle('SQL2');
}
function sendForm(form){
var name =form.name;
var mail=form.mail;
var tel =form.tel;
var conn = Jdbc.getCloudSqlConnection(dbUrl, user, userPwd);
var stmt = conn.createStatement();
var datas= stmt.executeQuery('select name,mail,tel from MyData where name="'+name+'";');
getData(datas);
return datas
}
function getData(datas){
？？？
}
ソースコード
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
- サーバサイド(Google App Script)
javascript
1function doGet() { 2 var output=HtmlService.createTemplateFromFile('index'); 3 return output.evaluate().setTitle('SQL2'); 4} 5 6function sendForm(form){ 7 var name =form.name; 8 var mail=form.mail; 9 var tel =form.tel; 10 var conn = Jdbc.getCloudSqlConnection(dbUrl, user, userPwd); 11 var stmt = conn.createStatement(); 12 var connect = stmt.executeQuery('select name,mail,tel from MyData where name="'+name+'";'); 13 var datas = []; 14 var i = 0; 15 while(connect.next()){ 16 datas[i] = [connect.getString('name'), connect.getString('mail'), connect.getString('tel')]; 17 i++; 18 } 19// getData(datas);多分無意味 20 return datas; 21} 22 23/* sendFormでwhereやってるので不要。関数を分割する意図なら、設計を見直すべきだが、動いてからでも遅くない 24function getData(datas){ 25？？？ 26} 27*/
- クライアント(HTML)
html
1<!DOCTYPE html> 2<html> 3<head> 4<base target="_top"> 5 6</head> 7<body> 8<script> 9function onSuccess(res){ 10var list=document.getElementById("list"); 11//list.innerHTML=res; 12// ↓こういうのを行数とかを考えながら作っていく 13 var row = list.insertRow(-1); 14 // 一行目にセルを挿入 15 var nameCell = row.insertCell(-1); 16 17 // 作成したセルにテキストノードを挿入 18 var name = document.createTextNode(res[0][0]) 19 nameCell.appendChild(name); 20// 地獄のように面倒なのでこれ以上やりたくないです。 21} 22</script> 23 24<h1>SQL 2</h1> 25<form name="f1" method="post" onsubmit="return false;"> 26name:<input type="text" id="name1" name="name" value=""><br/><br/> 27<input type="button" value="検索" onclick="google.script.run.withSuccessHandler(onSuccess).sendForm(this.parentNode);"> 28</form> 29<br/> 30<br/> 31<br/> 32<table id="list"> 33</table> 34 35</body> 36</html>
javascript
1<? 2var datas =getData(); 3while(datas.next()){ 4var name =datas.getString("name"); 5var mail =datas.getString("mail"); 6var tel =datas.getString("tel"); 7result+='<tr><td>'+name+'</td><td>'+mail+'</td><td>'+tel+'</td></tr>'; 8} 9?>
ここが何がしたいか分からないです。動いていない気がしましたが、動くらしいです。
google.script.run.withSuccessHandler(onSuccess).sendForm(this.parentNode);によって、gas側のgetData()の中(？？？で書いている箇所)でreturnをすると、html側のonSuccess関数のres引数に渡されます。
今はinnerHtmlにresを書いているようなので、getData()で、この際固定の文字列("helloworld"とかでもいい)をreturnすれば、それが表示されてくると予想します。
投稿2019/02/07 00:41
編集2019/02/07 01:27
総合スコア12705
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/07 00:50
2019/02/07 00:54
2019/02/07 01:02 編集
2019/02/07 01:09 編集
2019/02/07 01:12
2019/02/07 01:30 編集
2019/02/07 01:22 編集
2019/02/07 01:29
2019/02/07 01:37
2019/02/07 01:39
2019/02/07 04:00
2019/02/22 07:55