从静态html页面发送电子邮件

时间:2014-04-16 13:42:01

标签: javascript php jquery html

我一直在研究这个问题好几个小时,但没找到任何东西。

所以,我有一个静态html页面和里面的按钮,就像那样:

<body>
<button id="0">SEND EMAIL TO my@email.com</button>
</body>

如果我按下此按钮,消息“Hello”将从my@email.com发送到my2@email.com

是否可以仅使用html或javascript或jquery来做那件事(因为我只知道那些语言)?

4 个答案:

答案 0 :(得分:60)

有三种方法可以做到这一点

更难的方式

您必须实施服务器代码才能发送邮件

更难的方式

您必须使用 mailgun sendgrid rest api使用javascript发送邮件。

更简单的方式

您必须使用 https://formspree.io/ HTML 发送邮件。

<强> 更新 最近我找到了一种使用Google脚本发送电子邮件的方法。你不需要后端。这里解释https://github.com/dwyl/html-form-send-email-via-google-script-without-server

答案 1 :(得分:6)

您可以使用:

<body>
<a href = 'mailto:my@email?body="Yourbody"&subject="a subject".com'>SEND EMAIL TO my@email.com</a>
</body>

它将打开一个邮件管理器(outlook,gmail,...)来发送新邮件。您可以在链接中描述正文和主题

否则,您可以使用表单标记将数据发送到PHP并发送此PHP的电子邮件。

答案 2 :(得分:1)

我正在使用https://elasticemail.com/。设置非常简单,创建一个帐户并通过短信验证即可每月免费发送15万封电子邮件。

API的示例: var counter = $("input[name^= 'quantity']").length; var array1 = $("input[name^= 'quantity']"); var array2 = $("input[name^= 'unit']"); var array3 = $("input[name^= 'item_description']"); var array4 = $("input[name^= 'stock_no']"); var array5 = $("input[name^= 'eunitcost']"); var array6 = $("input[name^= 'ecost']"); var i; for (i = 0; i < counter; i++) { $.ajax({ url: 'http://localhost/pm/admin/service/user-service.php', type: 'POST', dataType: 'json', data: { operation: 'pr-items', pr_no: $('#prno').val(), quantity: array1.eq(i).val(), unit: array2.eq(i).val(), item_description: array3.eq(i).val(), stock_no: array4.eq(i).val(), eunitcost: array5.eq(i).val(), ecost: array6.eq(i).val }, success: function(data) { alert('pr items success'); //todo }, error: function(data) { // alert('pr items error'); //todo } }); }

有关如何发送电子邮件https://api.elasticemail.com/public/help#Email_Send的文档。

我不确定,但是发现“发件人”和“收件人”参数应该为真实电子邮件地址。

答案 3 :(得分:0)

无法从静态网页直接发送邮件。 您可以使用第三方服务,我使用的是来自formspree的服务,它对我来说很好用。 您所要做的就是在fomrspree中创建您的帐户,验证gmail地址并在html页面的以下代码段中使用。

<form action="http://formspree.io/your@email.com" method="POST">
  <input type="email" name="_replyto">
    <textarea   name="body">
    </textarea>
  <input type="submit" value="Send">
</form>

狂欢是自我解释。