---恢复内容开始---
正好做了个项目,需要在线留言,一般在线留言发邮件是很常见的方式,一开始从网上搜了很久都没有很全的,也有全一点的,但是也不能用,运行不成功,下面给大家分享一下运行成功了的全部代码。
还是按以往的套路,先看实现的截图,再来看代码,
在这里填上自己的信息
点击发送
这里会显示发送成功
而你的邮箱里会收到
这里我全都是用的小号做的实验
做邮箱功能前先做两个事情
第一个是需要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>
本来还想和你们分享一下,结果点进去一看那么多文件,那就急需用这个功能的单独给你们吧!