使用scriptDB中的结果添加到HTML中
Using results from scriptDB to add to HTML
如何为scriptDB中的每个项添加新的div标记?
当我进入"while(results.hasNext())"部分时,代码似乎被卡住了,可能是因为我在HTML的脚本部分使用了Apps Script语法。当我用一个简单的div.innerHTML…等行替换整个while循环时,我能够使脚本工作
index.html文件如下所示:
<form id="myForm">
<p>Name of Alert: <input name="alertName" type="text" /></p>
<select name="frequency">
<option value="everyDay">Every day</option>
<option value="everyWeek">Every week</option>
</select>
<input type="button" value="Submit"
onclick="google.script.run
.withSuccessHandler(updateAlertList)
.processForm(this.parentNode)" />
</form>
<script>
function updateAlertList(results) {
var div = document.getElementById('output');
while (results.hasNext()) {
var result = results.next();
div.innerHTML = '<a href="http://www.google.com">' + result.alertName + '</a>';
}
}
</script>
Code.gs文件中包含以下内容:
function processForm(formObject) {
var formAlertName = formObject.alertName;
var formFrequency = formObject.frequency;
var db = ScriptDb.getMyDb();
var alert = {
alertName: formAlertName,
frequency: formFrequency
};
var record = db.save(alert);
var results = db.query({});
return results;
}
更新:当我将此添加到code.gs 时工作
var arrayResults = [];
while (results.hasNext()) {
arrayResults.push(results.next());
}
return arrayResults;
并将其转换为index.html
for (var i=0;i<results.length;i++)
{
alert(results[i].alertName);
div.innerHTML = '<a href="http://www.google.com">' + results[i].alertName + '</a>';
}
您需要处理gs中的结果(迭代器),并创建一个结果数组以在javascript中处理。
相关文章:
- 将 HTML 添加到 Javascript IF 函数
- 如何使用 javascript 向我的 html 添加内容而不擦除整个页面
- 如何更新浏览器'使用Ajax将html添加到页面后的缓存
- 有没有一种方法可以用javascript将原始html添加为新的表行
- Javascript和HTML - 添加一个下拉菜单,我在这里做错了什么
- 在我的情况下,如何将html添加到Angular中
- Facebook的“赞”按钮如何具有跨域访问权限,可以将HTML添加到父窗口
- 使用 JavaScript 向 HTML 添加数据、类和样式
- HTML - 添加和删除收藏夹
- 元素上的 HTML 添加属性
- ng-bind-html 添加拥有 CSS 类“ng-binding”,它破坏了所有嵌套的 css,如何摆脱它
- 将.html添加到字符串 Javascript
- 在Angular对象中循环时向HTML添加id
- 在将html添加到文档中之前,如何修改ajax调用中的html
- 将HTML添加到JQuery同位素插件/插入项第2部分
- 将HTML添加到JQuery同位素加载项/插入项
- 将HTML添加到iframe会导致页面重新加载
- JQuery:将HTML添加到父分区作为AJAX的结果
- Backbone Rails:如何在application.HTML.erb中为HTML添加javascript
- 使用jQuery向HTML添加Maxlength属性