寫個發郵件的功能php的(全代碼)

---恢復內容開始---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>

 

原本還想和大家分享一下,結果點進去一看那麼多文件,那就急需用這個功能的單獨給大家吧!

相關文章
相關標籤/搜索