记得第一次学习jquery ajax 大概是10年前的事了，当时第一次按教程学习了表单无刷提交，从此就爱上了jquery了，因为它实在太方便了太好用了，随着这jquery不断升级，我还是觉得 1.72版本是最好用的，因业务需要，最近做了个 php发送Email的表单文件，PS，文件中采用的发送邮件配置是“阿里云企业邮箱”。结合jquery实现无刷发送，再加个 layui 的layer.js，弹窗提示，功能虽小，却五脏俱全，简直有点太完美了，我们来看一下页面设计，比较简单：
再看一下发送效果。
以下是HTML源码：
<?php
/*
作品名称：php 表单发送邮件案例
作者：蚂蚁学院 树熊
官方网址：http://www.mayixueyuan.com
版本:V1.0
*/
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蚂蚁学院 php 提交表单发送Email 案例</title>
<meta id="author" content="Antnic System Team" />
<meta id="Copyright" content="Copyright 2008-2022 Antnic Inc. All Rights Reserved" />
<script src="js/jquery172.js"></script>
<script src="js/layer.js"></script>
<link rel="stylesheet" type="text/css" href="images/css.css?<?=time()?>">
</head>
<body>
<form name="send_form">
<div class="form_box">
<p>蚂蚁学院 php 提交表单发送Email 案例</p>
<div><input autocomplete="off" type="text" name="title" id="title" placeholder="请输入邮件标题"></div>
<div><textarea name="content" id="content" placeholder="请输入邮件内容" rows="12"></textarea></div>
<div><div class="form_btn sendForm">提交表单</div></div>
</div>
</form>
<script type="text/javascript">
$(function(){
//点击提交表单
$(".sendForm").click(function(){
var title=$("#title").val(); //获取title值
var content=$("#content").val(); //获取content值
$.post("sendMailForm.php", //提交表单
{
title:title,
content:content
},
function(data,status){
if(data=="ok"){
layer.msg('提交成功',{shade: 0.3,time:1500,end:function(){location.reload();}});
}else{
layer.msg(data);
}
});
})
})
</script>
</body>
</html>
以下是PHP源码，里面包含了一个 mailer.class.php 的类别。
<?php
/*
作品名称：php 表单发送邮件案例
作者：蚂蚁学院 树熊
官方网址：http://www.mayixueyuan.com
版本:V1.0
*/
error_reporting(0); //关闭错误报告
require_once("mailer.class.php"); //引用发送邮件类
$title=$_REQUEST['title'];
$content=$_REQUEST['content'];
if($title==""){echo '邮件标题不能为空。';exit();}
if($content==""){echo '邮件内容不能为空。';exit();}
$smtpuser="web@mayixueyuan.com"; //邮箱账号
$smtppass="*****************"; //邮箱密码
$smtpusername='蚂蚁学院'; //发件人姓名
$smtpserver="smtp.qiye.aliyun.com"; //邮箱smtp服务器
$smtpserverport="25"; //邮箱smtp服务器端口
$accept_mail="mail@mayixueyuan.com"; //收件人邮箱
$mailbody .='请爱的蚂蚁学院会员您好：<br /><br />';
$mailbody .=$content; //邮件内容
$mailsubject = $title.date("Y-m-d H:i:s"); //邮件主题
$mailtype = "HTML"; //邮件格式（HTML/TXT）,TXT为文本邮件
$header = "From: ".$smtpuser."\r\n" .
"Reply-To: ".$accept_mail."\r\n" .
"X-Mailer: PHP/" . phpversion() . "\r\n" .
"MIME-Version: 1.0\r\n" .
"Content-type: text/html; charset=utf-8\r\n";
$smtp = new smtp($smtpserver,$smtpserverport,true,$smtpuser,$smtppass);//这里面的一个true是表示使用身份验证,否则不使用身份验证.
$smtp->debug = false; //是否显示发送的调试信息
$return_data=$smtp->sendmail($accept_mail, $smtpuser, $smtpusername, $mailsubject, $mailbody, $mailtype);
$return_data=json_decode($get_data,true);
if($return_data['code']=200){
echo 'ok';exit(); //发送成功
}else{
echo $return_data['message'];exit(); //发送失败，返回参数
}
?>50蚂蚁积分下载
或
5蚂蚁币下载当机遇来时，要果断出手，别等来日方长。世上没有后悔药，提高行动力才是烦恼的解药。不要把事情拖到明天，今日事今日毕；也不必害怕事不能成、前路坎坷，只有做了才有答案。别把时光留给焦虑。少一些空想，多一些行动。当你步履不停地走在路上，你想要的才会奔你而来。
1
本文标签：
5.00