发送电子邮件是 Web 应用程序中常见的任务之一。本文将介绍如何使用 JavaScript 或 jQuery 通过电子邮件发送数据。
第一步：获取用户输入
通常，我们会要求用户在表单中输入其姓名、电子邮件地址和消息。我们可以使用 HTML 表单元素来收集这些信息。
-- -------------------- ---- ------- ----- ------------------ ----- ------ ---------------------- ------ ----------- --------- ----------- --------- ------ ----- ------ --------------------------- ------ ------------ ---------- ------------ --------- ------ ----- ------ ------------------------- --------- ------------ -------------- -------------------- ------ ------- --------------------------- -------展开代码
第二步：编写 JavaScript 或 jQuery 代码
使用纯 JavaScript 发送电子邮件
我们可以使用 SMTP.js 库来使用纯 JavaScript 发送电子邮件。该库可用于通过电子邮件服务提供商（例如 Gmail）发送电子邮件。
首先，我们需要引入 SMTP.js 库：
<script src="https://smtpjs.com/v3/smtp.js"></script>
接下来，我们可以使用以下代码来发送电子邮件：
-- -------------------- ---- ------- -------- ----------- - ------------ ----- ----------------- --------- ------------------------- --------- --------------- --- ------------------------ ----- ------------------------- -------- ------- ----- ------ ---------------- --------- - ------------------ --- -展开代码
请注意，您需要将 Host、Username、Password、To 和 From 替换为您自己的值。如果您正在使用 Gmail，则应使用以下设置：
Host：smtp.gmail.comUsername：您的 Gmail 用户名（完整电子邮件地址）Password：您的 Gmail 密码
使用 jQuery 发送电子邮件
我们也可以使用 jQuery 发送电子邮件。这种方法不需要使用 SMTP.js 库。
-- -------------------- ---- ------- ------------------------------------- - ------------------- --- ---- - ----------------- --- ----- - ------------------ --- ------- - -------------------- ---------------------- - ----- ----- ------ ------ -------- ------- -- -------------------- - ------------------ -- ---------------- - ----------------------- --- ---展开代码
请注意，此代码假定您有一个名为 sendmail.php 的服务器端脚本来处理电子邮件发送。在该脚本中，您可以使用 PHPmail 或其他电子邮件库来发送电子邮件。以下是一个简单的 PHPmail 示例：
-- -------------------- ---- ------- ----- ----- - --------------- ------ - ---------------- -------- - ------------------ -------- - ------ ------------ -------- -- ---------- ------------ -------- -- -------------- ---------- ------------------- ----------------------------- ------- --------- ---------- --展开代码
结论
使用 JavaScript 或 jQuery 发送电子邮件是一项有用的技能。无论您是要构建一个联系表单，还是要让用户与您的网站进行交互，都可以使用这种技术来使您的 Web 应用程序更加强大和有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27799
