---恢復內容開始---javascript
正好作了個項目,須要在線留言,通常在線留言發郵件是很常見的方式,一開始從網上搜了好久都沒有很全的,也有全一點的,可是也不能用,運行不成功,下面給你們分享一下運行成功了的所有代碼。php
仍是按以往的套路,先看實現的截圖,再來看代碼,css
在這裏填上本身的信息html
點擊發送html5
這裏會顯示發送成功java
而你的郵箱裏會收到jquery
這裏我全都是用的小號作的實驗json
作郵箱功能前先作兩個事情bootstrap
第一個是須要php開啓openssl擴展post
這個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>
原本還想和大家分享一下,結果點進去一看那麼多文件,那就急需用這個功能的單獨給大家吧!