---恢复内容开始---
正好做了个项目，需要在线留言，一般在线留言发邮件是很常见的方式，一开始从网上搜了很久都没有很全的，也有全一点的，但是也不能用，运行不成功，下面给大家分享一下运行成功了的全部代码。
还是按以往的套路，先看实现的截图，再来看代码，
在这里填上自己的信息
点击发送
这里会显示发送成功
而你的邮箱里会收到
这里我全都是用的小号做的实验
做邮箱功能前先做两个事情
第一个是需要php开启openssl扩展
这个php的集成环境一般都会开启，所以这个先可以不管他，等最后全做完了，如果实验不成功的话，再改，从网上搜搜怎么开启就可以了
第二个是你需要一个服务邮箱，就像
这个一样，反正逻辑关系有点绕，我也是屡了半天才屡清楚的，就是别人给你发邮件，你的邮箱是一定的，但是也得找一个固定发送邮件的邮箱
这个就得需要用你的小号。
打开你小号的邮箱
点击设置
再点击账户
然后开启前两个，下面有个生成授权码，那个写参数的时候可以用，那个每一次生成的授权码都不一样，所以不用刻意记住
接下来再说代码部分
html 部分
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <!-- Bootstrap --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="panel panel-default"> <div class="panel-heading"> <h1 class="panel-title">邮件发送测试</h1> </div> <div class="panel-body"> <div class="form"> <div class="form-group"> <label for="email">输入您的姓名</label> <input type="text" name="email" id="email" class="form-control" placeholder="在这儿输入你的姓名"> <label for="email1">输入你的邮箱</label> <input type="text" name="email1" id="email1" class="form-control" placeholder="在这儿输入你的邮箱"> <label for="email2">输入你的留言</label> <input type="text" name="email2" id="email2" class="form-control" placeholder="在这儿输入你的留言"> </div> <div class="form-group"> <span class="result"></span> </div> </div> </div> <div class="panel-footer"> <button class="btn btn-primary" id="btn-send">发送</button> </div> </div> </div> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript"> $(function(){ $("#btn-send").click(function(){ $.post('./demo.php', {email : $('#email').val() , email1 : $('#email1').val(),email2 : $('#email2').val()} , function(res){ if (res.errcode == 0) { $('.result').text(res.message).end().addClass('text-success') } else { $('.result').text(res.message).end().addClass('text-danger') } }, "json"); }) }) </script> </body> </html>
本来还想和你们分享一下，结果点进去一看那么多文件，那就急需用这个功能的单独给你们吧！