我希望我的网站有能力发送电子邮件而不刷新页面。我想用Javascript。
<form action="javascript:sendMail();" name="pmForm" id="pmForm" method="post">
Enter Friend's Email:
<input name="pmSubject" id="pmSubject" type="text" maxlength="64" style="width:98%;" />
<input name="pmSubmit" type="submit" value="Invite" />
这是我想调用的函数，但我不确定把什么放入javascript函数。从我所做的研究中，我发现了一个使用mailto方法的示例，但我的理解是，它实际上并不直接从站点发送。
所以我的问题是，我可以在哪里找到什么放入JavaScript函数直接从网站发送电子邮件。
function sendMail() {
/* ...code here... */
}
当前回答
间接通过您的服务器-调用第三方API -安全的，推荐
你的服务器可以调用第三方API。API密钥不会公开给客户端。
node . js
const axios = require('axios');
async function sendEmail(name, email, subject, message) {
const data = JSON.stringify({
"Messages": [{
"From": {"Email": "<YOUR EMAIL>", "Name": "<YOUR NAME>"},
"To": [{"Email": email, "Name": name}],
"Subject": subject,
"TextPart": message
}]
});
const config = {
method: 'post',
url: 'https://api.mailjet.com/v3.1/send',
data: data,
headers: {'Content-Type': 'application/json'},
auth: {username: '<API Key>', password: '<Secret Key>'},
};
return axios(config)
.then(function (response) {
console.log(JSON.stringify(response.data));
})
.catch(function (error) {
console.log(error);
});
}
// define your own email api which points to your server.
app.post('/api/sendemail/', function (req, res) {
const {name, email, subject, message} = req.body;
//implement your spam protection or checks.
sendEmail(name, email, subject, message);
});
然后在客户端使用use fetch调用你的电子邮件API。 使用您在Mailjet上注册时使用的电子邮件。您还可以验证更多的地址。Mailjet提供了一个慷慨的免费等级。
2023年更新:正如评论中指出的那样，由于CORS，下面的方法不再有效
只有当您想测试发送电子邮件并执行此操作时，这才有用
访问https://api.mailjet.com/stats(是的，404页面) 并在浏览器控制台中运行这段代码(填充秘密)
直接从客户端-调用第三方API -不推荐
简而言之:
注册Mailjet以获得API密钥和Secret 使用fetch调用API发送电子邮件
像这样——
function sendMail(name, email, subject, message) {
const myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
myHeaders.set('Authorization', 'Basic ' + btoa('<API Key>'+":" +'<Secret Key>'));
const data = JSON.stringify({
"Messages": [{
"From": {"Email": "<YOUR EMAIL>", "Name": "<YOUR NAME>"},
"To": [{"Email": email, "Name": name}],
"Subject": subject,
"TextPart": message
}]
});
const requestOptions = {
method: 'POST',
headers: myHeaders,
body: data,
};
fetch("https://api.mailjet.com/v3.1/send", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
}
sendMail('Test Name',"<YOUR EMAIL>",'Test Subject','Test Message')
注意:请记住，您的API密钥对任何人都是可见的，因此任何恶意用户都可能使用您的密钥发送电子邮件，从而耗尽您的配额。
其他回答
完整的反垃圾邮件版本:
<div class="at">info<i class="fa fa-at"></i>google.com</div>
OR
<div class="at">info@google.com</div>
<style>
.at {
color: blue;
cursor: pointer;
}
.at:hover {
color: red;
}
</style>
<script>
const el33 = document.querySelector(".at");
el33.onclick = () => {
let recipient="info";
let at = String.fromCharCode(64);
let dotcom="google.com";
let mail="mailto:";
window.open(mail+recipient+at+dotcom);
}
</script>
我要把这个消息告诉你。JavaScript本身不能发送电子邮件。
根据OP问题的上下文，我上面的答案已经不成立了，正如@KennyEvitt在评论中指出的那样。看起来您可以使用JavaScript作为SMTP客户端。
但是，我还没有深入研究它是否足够安全和跨浏览器兼容。所以，我既不鼓励也不劝阻你使用它。使用风险自负。
在sendMail()函数中，将ajax调用添加到后端，您可以在服务器端实现此功能。
我知道我写这个问题的答案已经太迟了，但我认为这将用于任何想通过javascript发送电子邮件的人。
我建议的第一种方法是在服务器上使用回调来完成此操作。如果你真的想用javascript处理它，下面是我的建议。
我发现最简单的方法是使用smtpJs。一个可以用来发送电子邮件的免费图书馆。
1.包括如下所示的脚本
<script src="https://smtpjs.com/v3/smtp.js"></script>
2. 你可以发一封这样的邮件
Email.send ({ 主持人:“smtp.yourisp.com”， 用户名:" Username "， 密码:Password， 致:“them@website.com” 来自:“you@isp.com”， 主题:“这就是主题”， 身体:“这就是身体” }) ( 消息=>警报(消息) );
这是不可取的，因为它将显示您的密码在客户端。因此，您可以执行以下操作，加密SMTP凭据，并将其锁定到单个域，并传递一个安全令牌而不是凭据。
Email.send ({ SecureToken:“C973D7AD-F097-4B95-91F4-40ABC5567812”， 致:“them@website.com” 来自:“you@isp.com”， 主题:“这就是主题”， 身体:“这就是身体” }) ( 消息=>警报(消息) ）;
最后，如果你没有SMTP服务器，你可以使用SMTP中继服务，如弹性邮件
这里还有到官方SmtpJS.com网站的链接，您可以在其中找到所需的所有示例，以及创建安全令牌的位置。
我希望有人觉得这些细节有用。快乐的编码。
你的问题没有一个直接的答案，因为我们不能只使用javascript发送电子邮件，但有一些方法可以使用javascript为我们发送电子邮件:
1)使用API并通过javascript调用API为我们发送电子邮件，例如https://www.emailjs.com说你可以在一些设置后使用下面的代码来调用他们的API:
var service_id = 'my_mandrill';
var template_id = 'feedback';
var template_params = {
name: 'John',
reply_email: 'john@doe.com',
message: 'This is awesome!'
};
emailjs.send(service_id,template_id,template_params);
2)创建一个后端代码来为你发送电子邮件，你可以使用任何后端框架来为你做这件事。
3)使用像这样的东西:
window.open('mailto:me@http://stackoverflow.com/');
这将打开你的电子邮件应用程序，这可能会进入阻止弹出在你的浏览器。
一般来说，发送电子邮件是一个服务器任务，所以应该在后端语言中完成，但我们可以使用javascript来收集所需的数据，并将其发送到服务器或api，我们也可以使用第三方应用程序，并通过浏览器使用javascript打开它们。
