我想让我的网站具备在不刷新页面的情况下发送电子邮件的能力。因此，我想使用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... */
}
你不能直接使用JavaScript发送电子邮件。
但是，你可以打开用户的邮件客户端：
window.open('mailto:test@example.com');
还有一些参数可以预先填写主题和正文：
window.open('mailto:test@example.com?subject=subject&body=body');
window.location.href（就像这个答案中所示：https://dev59.com/PXVC5IYBdhLWcg3whBaj#271172）来打开邮件客户端，这样当用户完成邮件后不会留下空白窗口。 - igneosaursubject和body是变量还是实际将在字段中的文本？ - lost_in_the_sourcewindow.open( String( 'mailto:recipient^example.com' ).replace('^', '@') );来混淆垃圾邮件机器人。 - Pavel通过您的服务器间接调用第三方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);
});
然后在客户端使用fetch调用您的电子邮件API。
使用from email，这是您在Mailjet上注册时使用的。您还可以验证更多地址。Mailjet提供慷慨的免费套餐。
更新2023年：如评论中所指出，由于CORS，下面的方法不再起作用
如果要测试发送电子邮件，则这只有用处
直接从客户端 - 调用第三方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密钥对任何人都是可见的，因此任何恶意用户都可以使用您的密钥发送电子邮件以消耗您的配额。
我找不到一个真正满意原问题的答案。
我创建了一个简单的免费服务，可以通过发送标准的HTTP POST请求来发送电子邮件。它叫做PostMail，你可以简单地提交表单、使用JavaScript或jQuery。当你注册时，它会提供代码，你可以将其复制并粘贴到你的网站上。以下是一些示例：
JavaScript：
<form id="javascript_form">
<input type="text" name="subject" placeholder="Subject" />
<textarea name="text" placeholder="Message"></textarea>
<input type="submit" id="js_send" value="Send" />
</form>
<script>
//update this with your js_form selector
var form_id_js = "javascript_form";
var data_js = {
"access_token": "{your access token}" // sent after you sign up
};
function js_onSuccess() {
// remove this to avoid redirect
window.location = window.location.pathname + "?message=Email+Successfully+Sent%21&isError=0";
}
function js_onError(error) {
// remove this to avoid redirect
window.location = window.location.pathname + "?message=Email+could+not+be+sent.&isError=1";
}
var sendButton = document.getElementById("js_send");
function js_send() {
sendButton.value='Sending…';
sendButton.disabled=true;
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
js_onSuccess();
} else
if(request.readyState == 4) {
js_onError(request.response);
}
};
var subject = document.querySelector("#" + form_id_js + " [name='subject']").value;
var message = document.querySelector("#" + form_id_js + " [name='text']").value;
data_js['subject'] = subject;
data_js['text'] = message;
var params = toParams(data_js);
request.open("POST", "https://postmail.invotes.com/send", true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send(params);
return false;
}
sendButton.onclick = js_send;
function toParams(data_js) {
var form_data = [];
for ( var key in data_js ) {
form_data.push(encodeURIComponent(key) + "=" + encodeURIComponent(data_js[key]));
}
return form_data.join("&");
}
var js_form = document.getElementById(form_id_js);
js_form.addEventListener("submit", function (e) {
e.preventDefault();
});
</script>
jQuery：
<form id="jquery_form">
<input type="text" name="subject" placeholder="Subject" />
<textarea name="text" placeholder="Message" ></textarea>
<input type="submit" name="send" value="Send" />
</form>
<script>
//update this with your $form selector
var form_id = "jquery_form";
var data = {
"access_token": "{your access token}" // sent after you sign up
};
function onSuccess() {
// remove this to avoid redirect
window.location = window.location.pathname + "?message=Email+Successfully+Sent%21&isError=0";
}
function onError(error) {
// remove this to avoid redirect
window.location = window.location.pathname + "?message=Email+could+not+be+sent.&isError=1";
}
var sendButton = $("#" + form_id + " [name='send']");
function send() {
sendButton.val('Sending…');
sendButton.prop('disabled',true);
var subject = $("#" + form_id + " [name='subject']").val();
var message = $("#" + form_id + " [name='text']").val();
data['subject'] = subject;
data['text'] = message;
$.post('https://postmail.invotes.com/send',
data,
onSuccess
).fail(onError);
return false;
}
sendButton.on('click', send);
var $form = $("#" + form_id);
$form.submit(function( event ) {
event.preventDefault();
});
</script>
再次完全公开，我创建了这项服务是因为我找不到一个合适的答案。
我知道我太晚回答这个问题了，但是无论如何，我认为这对于任何想通过JavaScript发送电子邮件的人都会有所帮助。
我建议的第一种方法是使用回调在服务器上处理此操作。如果您真的想要使用JavaScript来处理它，请按照以下建议操作。
我发现最简单的方法是使用smtpJs。这是一个免费的库，可用于发送电子邮件。
1.像下面这样包含脚本
<script src="https://smtpjs.com/v3/smtp.js"></script>
2. 您可以像这样发送电子邮件
Email.send({
Host : "smtp.yourisp.com",
Username : "username",
Password : "password",
To : 'them@website.com',
From : "you@isp.com",
Subject : "This is the subject",
Body : "And this is the body"
}).then(
message => alert(message)
);这并不可取，因为它会在客户端上显示您的密码。因此，您可以采取以下措施：加密您的SMTP凭证，并将其锁定到单个域，并传递安全令牌而不是凭据。
Email.send({
SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
To : 'them@website.com',
From : "you@isp.com",
Subject : "This is the subject",
Body : "And this is the body"
}).then(
message => alert(message)
);如果您没有SMTP服务器，可以使用诸如 Elastic Email 等smtp中继服务。
此外，这是官方 SmtpJS.com网站 的链接，您可以在此找到所需的所有示例以及创建安全令牌的地方。
希望有人会发现这些详细信息实用。祝您编码愉快。
Uncaught ReferenceError: Email is not defined 是否是预期的？我相信您没有定义 Email。还是说您使用了代码片段而不是代码围栏，我们不应该运行它？此外，我认为您并不太晚。 - BarryCap您可以在此帖子中找到应放置在JavaScript函数内部的内容。
function getAjax() {
try {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
return new ActiveXObject('Msxml2.XMLHTTP');
} catch (try_again) {
return new ActiveXObject('Microsoft.XMLHTTP');
}
}
} catch (fail) {
return null;
}
}
function sendMail(to, subject) {
var rq = getAjax();
if (rq) {
// Success; attempt to use an Ajax request to a PHP script to send the e-mail
try {
rq.open('GET', 'sendmail.php?to=' + encodeURIComponent(to) + '&subject=' + encodeURIComponent(subject) + '&d=' + new Date().getTime().toString(), true);
rq.onreadystatechange = function () {
if (this.readyState === 4) {
if (this.status >= 400) {
// The request failed; fall back to e-mail client
window.open('mailto:' + to + '?subject=' + encodeURIComponent(subject));
}
}
};
rq.send(null);
} catch (fail) {
// Failed to open the request; fall back to e-mail client
window.open('mailto:' + to + '?subject=' + encodeURIComponent(subject));
}
} else {
// Failed to create the request; fall back to e-mail client
window.open('mailto:' + to + '?subject=' + encodeURIComponent(subject));
}
}
提供您自己的PHP（或任何语言）脚本发送电子邮件。
我要向你透露一个消息。你不能单纯地使用 JavaScript 发送电子邮件。
根据 OP 提出的问题，我的答案并不准确，正如 @KennyEvitt 在评论中所指出的那样。看起来你可以使用 JavaScript 作为 SMTP 客户端。
然而，我没有深入挖掘它是否足够安全和跨浏览器兼容。因此，我既不能鼓励也不能阻止你使用它。请自行决定使用风险。
似乎有一个新的解决方案出现在视野中。它被称为EmailJS。他们声称不需要服务器代码，您可以请求邀请。
更新于2016年8月：EmailJS似乎已经上线了。您可以免费发送每月最多200封电子邮件，并提供更高容量的订阅服务。
如上所示，window.open('mailto:test@example.com');并不能防止垃圾邮件机器人收集"test@example.com"电子邮件地址。我过去常常遇到这个问题。
var recipient="test";
var at = String.fromCharCode(64);
var dotcom="example.com";
var mail="mailto:";
window.open(mail+recipient+at+dotcom);
sendMail()函数中，添加一个ajax调用到您的后端，在那里您可以在服务器端实现此功能。Javascript是客户端语言，你不能用Javascript发送电子邮件。浏览器只能识别mailto:，并启动默认的邮件客户端。