gpt4 book ai didi

javascript - 客户端 JavaScript 未在 Apps 脚本模板中呈现

转载 作者:行者123 更新时间:2023-11-30 11:15:29 25 4
gpt4 key购买 nike

我正在尝试将一些内容放入来自 Google Apps 脚本的自动回复消息中。我的项目有一个 AutomatedResponseTemplate.html脚本命中某些要发送的响应 HTML 字符串。该文件定义如下:

<!DOCTYPE html>
<html>
<head>
<script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.1/mustache.js></script>
<script>
$(function() {
let data = <?= JSON.stringify(messageData) ?>
// make request to "server"
template = $('body').html()
rendering= Mustache.render(template, data)
$('body').html(template)
})
</script>
<style>
#closing {
white-space: pre-line;
}

.separate-lines {
white-space: pre-line;
}

.first {
width: 80px;
}

.left {
float: left;
}
</style>
</head>
<body>

<p>
{{name}}
</p>
<p>
Thank you for reaching out to us! This is an automated reply, and one of us shall reach out to you,
for real, shortly. Here is a copy of the message you sent us for reference:
</p>
<p>
<blockquote class=separate-lines>
<span><label class="first left">Sender:</label> {{sender}}</span>
<span><label class="first left">Subject:</label> {{subject}}</span>
<span><label class="first left">Message:</label> {{message}}</span>
</blockquote>

</p>


<p id=closing>
Mike Warren
Open Source Roads
</p>
</body>
</html>

为了分离问题并保持 RESTful,我让脚本通过该标记将相关数据发送到 HTML。 There's a working pure-client-side version prior我通过思考它和 implementation here 得到了这样做的想法.

有一个问题:它不起作用。即使我附加了一些非模板代码

$('#data').text('This was inserted by jQuery')

和一个标签

<p id=data></p>

...没有任何变化。

这到底是怎么回事?

更新我更新了 <script>标记为:

<script>
$(function() {
let data = <?!= JSON.stringify(messageData.data) ?>
// make request to "server"
template = $('body').html()
rendering= Mustache.render(template, data)
$('body').html(rendering)
$('#data').text('This text was inserted by jQuery')
})
</script>

,附上 src带有引号的客户端依赖项的值(我知道为什么这对 Google Apps 脚本很重要,因为它在其他地方运行良好),并提供了 doGet用于调试目的:

function doGet(e) { 

var messageData = {
data: {
sender: 'mwarren04011990@gmail.com',
name: 'Test User',
recipient: Session.getActiveUser().getEmail(),
subject: 'Test email',
message: 'Hello world'
}
}
var template = HtmlService
.createTemplateFromFile('AutomatedResponseTemplate')
template.messageData = messageData
return template
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.IFRAME)
}

此外,应该将此客户端模板呈现为字符串的函数具有以下代码:

/**
* Generates an email message body in response to the sender's `messageData`
* @param {object} messageData - a JSON object with at least the following:
* - `sender`
* - `name`
* - `subject`
* - `message`
*/
function getAutomatedResponseTo(messageData) {
messageData = messageData || {};
if (!messageData.sender) return '';
if (!messageData.name) return '';
if (!messageData.subject) return '';
if (!messageData.message) return '';


var template = HtmlService
.createTemplateFromFile('AutomatedResponseTemplate')
template.messageData = messageData;

return template
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.IFRAME)
.getContent()
}

我尝试以这种方式分离关注点是否不可行?

最佳答案

我已经复制了你的错误。如果您查看 chrome 中的开发人员工具,您将看到以下错误:

jquery not found

这意味着 jQuery 不可用。

如果您查看开发人员工具中的网络选项卡,您会看到加载 jquery 的尝试失败并且 url 被严重破坏:

script load error

解决方案是使用脚本标记在您正在加载的资源周围加上引号:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.1/mustache.js"></script>

完成后,对话框似乎可以正常工作,并且正确填充了 Mustache 模板。有些浏览器可以在没有引号的情况下使用,但 Google Apps 脚本似乎不能。

关于javascript - 客户端 JavaScript 未在 Apps 脚本模板中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51757581/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com