现在的位置: 首页 > web前端 > 正文

前端怎么实现发送邮件啊

2020年07月16日 web前端 ⁄ 共 679字 ⁄ 字号 评论关闭

  纯前端实现发送电子邮件功能——formspree我想实现发送邮件的功能但是又不了解后台,正愁着我该怎么写这个功能,然后就发现了一个好东西formspree。


  通过formspree前端实现发送邮件啊


  需要注册一个账户,选择free免费版,new form 可以设置安全域名,等配置。


  前端实现发送邮件啊js代码 


  1.走表单


  <form


  action


  method="POST"


  >


  <label>


  Youremail:


  <inputtype="text"name="_replyto">


  </label>


  <label>


  Yourmessage:


  <textareaname="message"></textarea>


  </label>


  <!--yourotherformfieldsgohere-->


  <buttontype="submit">Send</button>


  </form>


  2.ajax


  $.ajax({


  type:"post",      //必须post请求


 换成你要接收的邮箱地址


  async:true,


  data:values,


  dataType:"json",


  success:res=>{


  alert('提交成功,请您耐心等待');   //发送成功后的操作


  },


  error:res=>{


  alert("未知错误,发送失败,请您稍后重试。。。。。");


  }


  });


   总之,formspree前端怎么实现发送邮件给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.