1.前端页面--form表单提交,通过发送按钮的id=“send”定位DOM,触发ajax请求

                <form class="form-horizontal" id="emailEdit" style="display: none;margin: 40px;">
<%--收件人--%>
<div class="form-group">
<label for="emailer" class="col-sm-2 control-label" >收件人</label>
<div class="col-sm-10" style="width: 82%" >
<textarea class="form-control" rows="3" name="emailer" id="emailer" placeholder="多个收件人,请以,隔开"></textarea>
</div>
</div>
<%--邮件标题--%>
<div class="form-group" >
<label for="taskName" class="col-sm-2 control-label">邮件标题</label>
<div class="col-sm-10" style="width: 82%" >
<input type="text" class="form-control" name="emailTitle" id="emailTitle" placeholder="邮件标题">
</div>
</div>
<%--正文--%>
<div class="form-group" >
<label for="accdescription" class="col-sm-2 control-label">正文</label>
<div class="col-sm-10" style="width: 82%" >
<textarea class="form-control" rows="10" name="emailContent" id="emailContent" placeholder="邮件正文"></textarea>
</div>
</div>
<div class="form-group" style="float: right;margin-right: 40px;margin-top: 30px">
<div class="col-sm-offset-2 col-sm-10" >
<button type="button" class="btn btn-success" id="send" style="background-color: #FF8C00" >发送</button>
</div>
</div>
</form>

2.ajax请求

formCheckClean清除校验格式的函数

checkparam() 校验输入非空,以及邮箱格式是否正确的函数

 通过发送按钮的id--send的点击事件,触发ajax请求 

var index11;
function formCheckClean(){
$('.text-danger').remove();//首先清除提示的标签
$("*").removeClass('has-error');//清除has-error错误样式
}//校验样式清除函数
    //邮箱非空校验及格式校验函数
function checkparam(){
var flag=true;
var emailer=$("#emailer").val();
var emailTitle=$("#emailTitle").val();
if(emailer == null || emailer == ""){
$("#emailer").parent().parent().addClass('form-group has-error');
$("#emailer").parent().after('<label class="control-label text-danger" style="display:block;float: right;color: red"><i class="fa fa-times-circle-o"></i> 必填项不能为空!</label>');
flag=false;
}else{
reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
var strList=emailer.split(",");
var errorcount =0;
var errormail ="";
for(i=0;i<strList.length;i++){
if(!reg.test(strList[i])){
errormail=errormail+strList[i]+';';
errorcount++;
}
}
if(errorcount >=1){
// console.log("不符合要求的邮箱个数:"+errorcount);
$("#emailer").parent().parent().addClass('form-group has-error');
$("#emailer").parent().after('<label class="control-label text-danger" style="display:block;float: right;color: red"><i class="fa fa-times-circle-o"></i>'+'错误邮箱:'+errormail+'</label>');
flag=false;
}
}
if(emailTitle == null || emailTitle == ""){
$("#emailTitle").parent().parent().addClass('form-group has-error');
$("#emailTitle").parent().after('<label class="control-label text-danger" style="display:block;float: right;color: red"><i class="fa fa-times-circle-o"></i> 必填项不能为空!</label>');
flag=false;
}
return flag;
}
//发送邮件函数
$("button#send").unbind("click").click(function(){
formCheckClean();
var flag=checkparam();
var reg=new RegExp("\n","g"); //创建正则RegExp对象
eContent=$("#emailContent").val().replace(reg,"<br/>");
if(flag == true){
document.getElementById("send").innerHTML = "发送中...";
// $("#send").text("发送中...");
$.ajax({
type : "post",
url : "/accident/SendEditEmail.do",
dataType:"json",
data: {"emailer":$("#emailer").val(),"emailTitle":$("#emailTitle").val(),"emailContent":eContent},
async : false,
success:function (data){
document.getElementById("send").innerHTML = "发送";
if(data= "ture"){
layer.alert("发送成功!", {icon: 6,skin: 'layui-layer-lan',});
layer.close(index11)//关闭弹层
$("#functontestform").find('input[type=text],select,input[type=date],textarea').each(function() {
$(this).val('');
});//清空form表单并查询
$('#functionTestSelectTable').bootstrapTable('refresh');
}else {
layer.msg("发送失败,请稍后重试", {icon: 5,skin: 'layui-layer-lan',});
}
}//success end });//ajax end
}
});

3.在controller中写发邮件的逻辑,获取前端ajax请求传来的参数,调用SendMail类中的sendMail函数,并传参

    /**
* 发送邮件编辑
*
* @param response
* @return
* @throws Exception
* @param: request
*/
@RequestMapping(value = "/SendEditEmail.do")
@ResponseBody
public String SendEditEmail(@Valid @ModelAttribute("accident") Accident accident, BindingResult br,
Model model, HttpServletRequest req, HttpServletResponse response) throws Exception {
response.setContentType("text/html;charset=utf-8");
req.setCharacterEncoding("utf-8");
//收件人
String emailer = req.getParameter("emailer").trim();
//邮件标题
String emailTitle = req.getParameter("emailTitle").trim();
//邮件内容
String emailContent = req.getParameter("emailContent").trim();
//处理文件内容使用
ArrayList<String> list = new ArrayList<>();
System.out.println(emailContent);
//发送邮件
String status="false";
if(emailer != "" && emailTitle != "" && emailContent != "")
{
List emailerList = new ArrayList();//不能使用string类型的类型,这样只能发送一个收件人
String []median=emailer.split(",");//对输入的多个邮件进行逗号分割
for(int i=0;i<median.length;i++){
emailerList.add(new InternetAddress(median[i]));
}
InternetAddress[] address =(InternetAddress[])emailerList.toArray(new InternetAddress[emailerList.size()]);
// System.out.println("收件人所在数组-----"+address);
for(int i=0;i<address.length;i++){
status=SendMail.sendMail(address[i],emailTitle,emailContent);
}
}
return status;
}

4.在这之前需要配置邮箱信息 ------global.properties

#设置邮箱服务器
mailHost=smtp.163.com
#设置邮箱端口号
mailPort=25
#设置邮箱服务器的用户名
mailUsername=aaaa@163.com
#授权码(注意不是邮箱登录密码)
mailPassword=BMT856
#设置超时时间
mailTimeout=25000
#设置发件人
mailFrom=aaaa@163.com

5.开发获取配置文件的工具类

package luckyweb.seagull.util;
import java.io.IOException;
import java.io.InputStream;
import java.util.Properties; /**
* @author lw
* @createTime 2018/6/25 15:27
* @description 获取配置文件类
*/
public class ProUtil {
private static final String PROPERTIES_DEFAULT = "global.properties";
public static String host;
public static Integer port;
public static String userName;
public static String passWord;
public static String emailForm;
public static String timeout;
public static String personal;
public static Properties properties;/**
* 初始化
*/
private static void init() {
properties = new Properties();
try {
InputStream inputStream = ProUtil.class.getClassLoader().getResourceAsStream(PROPERTIES_DEFAULT);
properties.load(inputStream);
inputStream.close();
//properties.setProperty("mailFrom","cuizhixiang@feitu.biz");
host = properties.getProperty("mailHost");
port = Integer.parseInt(properties.getProperty("mailPort"));
userName = properties.getProperty("mailUsername");
passWord = properties.getProperty("mailPassword");
emailForm = properties.getProperty("mailFrom");
timeout = properties.getProperty("mailTimeout");
personal = "测试部";//发件人的别名
} catch (IOException e) {
e.printStackTrace();
}
}
}

6.开发发送邮件的实现类

package luckyweb.seagull.util;

import org.springframework.mail.javamail.JavaMailSenderImpl;
import org.springframework.mail.javamail.MimeMessageHelper; import javax.mail.MessagingException;
import javax.mail.internet.InternetAddress;
import javax.mail.internet.MimeMessage;
import java.io.UnsupportedEncodingException;
import java.util.Properties; /**
* @author lw
* @createTime 2018/6/25 15:24
* @description 服务端邮件类
*/
public class SendMail {
private static final String HOST = ProUtil.host;
private static final Integer PORT = ProUtil.port;
private static final String USERNAME = ProUtil.userName;
private static final String PASSWORD = ProUtil.passWord;
private static final String emailForm = ProUtil.emailForm;
private static final String timeout = ProUtil.timeout;
private static final String personal = ProUtil.personal;
private static JavaMailSenderImpl mailSender = createMailSender();
private SendMail(){}
/**
* 邮件发送器
*
* @return 配置信息工具
*/
private static JavaMailSenderImpl createMailSender() {
JavaMailSenderImpl sender = new JavaMailSenderImpl();
sender.setHost(HOST);
sender.setPort(PORT);
sender.setUsername(USERNAME);
sender.setPassword(PASSWORD);
sender.setDefaultEncoding("Utf-8");
Properties p = new Properties();
p.setProperty("mail.smtp.timeout", timeout);
p.setProperty("mail.smtp.auth", "true");
sender.setJavaMailProperties(p);
return sender;
} /**
* 发送邮件
*
* @param to 接受人
* @param subject 主题
* @param html 发送内容
* @throws :MessagingException 异常
* @throws :UnsupportedEncodingException 异常
*/
public static String sendMail(InternetAddress to, String subject, String html) throws MessagingException,UnsupportedEncodingException {
MimeMessage mimeMessage = mailSender.createMimeMessage();
// 设置utf-8或UTF-8编码,否则邮件会有乱码
MimeMessageHelper messageHelper = new MimeMessageHelper(mimeMessage, true, "UTF-8");
messageHelper.setFrom(emailForm, personal);
messageHelper.setTo(to);
messageHelper.setSubject(subject);
messageHelper.setText(html, true);
mailSender.send(mimeMessage);
return "true" ;
} public static void main(String[] args) {
String ss = "项目名称: 合肥通 事故状态: 跟踪处理完成 事故等级: 五级及以下事故 发生时间: 2018-06-11 13:52:42 事故原因类型: 紧急上线-未测试 事故描述: 线上事故 事故原因分析: 事故原因分析 受影响范围: 受影响范围 纠正处理过程: 纠正处理过程" +
"(需点名责任人) 解决时间: 2018-06-11 13:53:25 事故汇报人: 张美丽";
for (int i = 0; i < ss.length(); i++) {
if(ss.equals(":"))
break;
String new_ss =ss.replace(" ","<br>");
System.out.print(new_ss);
}
/* String subject = "html邮件测试"; // subject javamail自动转码 StringBuffer theMessage = new StringBuffer();
theMessage.append("<h2><font color=red>加油</font></h2>");
theMessage.append("<hr>");
theMessage.append("<i>美丽的开始</i>");
theMessage.append("<table border='1'><tr><td>aaa</td><td>bbb</td></tr><tr><td>ccc</td><td>ddd</td></tr></table>"); try {
SendMail.sendMail("357712148@qq.com",subject,theMessage.toString());
} catch (MessagingException e) {
e.printStackTrace();
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
System.out.println("运行结果!!");*/
}
}

到此大功告成,支持发送多人,用,隔开。


  

Spring mvc +ajax 发送邮件的更多相关文章

  1. spring mvc ajax 提交复杂数组类型

    The server refused this request because the request entity is in a format not supported by the reque ...

  2. spring mvc ajax异步文件的上传和普通文件上传

    表单提交方式文件上传和ajax异步文件上传 一:首先是我在spring mvc下的表单提交方式上传 ssm的包配置我就不一一详细列出来了,但是上传的包我还是列出来 这一段我也不知道怎么给大家讲解就是直 ...

  3. Spring MVC+ajax进行信息验证

    本文是一个ajax结合Spring MVC使用的入门,首先我们来了解一下什么是Ajax AJAX 不是新的编程语言,而是一种使用现有标准的新方法.AJAX 最大的优点是在不重新加载整个页面的情况下,可 ...

  4. spring mvc ajax请求

    jar包中增加 jackson-annotations-2.5.0.jar jackson-core-2.5.0.jar jackson-databind-2.5.0.jar springmvx.xm ...

  5. Spring MVC ajax:post/get 的具体实现

    Post 方式 1.自动注入 a. pom.xml ---- 配置Maven,添加必要的jar包 <!--用于 String-JSONObject 转换 --> <dependenc ...

  6. spring mvc ajax 400解决

    The request sent by the client was syntactically incorrect. ajax发起请求时报400错误.请求代码如下: var reportId=($( ...

  7. spring mvc ajax返回值乱码

    加入如下配置: <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHan ...

  8. spring mvc+ajax分页

    分页大致思路:页面每次把当前页传到后台并获得从后台传过来的json数据,解析后布局到这个页面上. 1.服务端代码: @Controller public class MemcachedContrlle ...

  9. spring mvc ajax

    <%@ page contentType="text/html;charset=UTF-8" %> <%@ include file="/WEB-INF ...

随机推荐

  1. PHP 根据域名和IP返回不同的内容

    遇到一个好玩的事情,访问别人的IP和别人的域名返回的内容竟然不一样.突然觉得很好玩,也很好奇.自己研究了一下下,就简单写一下吧~ 一个IP和一个域名, 先讲一下公网IP没有绑定域名,但是可以通过一个没 ...

  2. redis登录及设置密码

    redis服务开启 : ./redis-server /opt/redisConf/redis.conf 1,查询默认密码 127.0.0.1:6379> config get requirep ...

  3. msyql的子查询,或者叫嵌套查询

    INNER和OUTER可以省略

  4. (WAWAWAWAWAWAW) G. Periodic RMQ Problem

    没有联通门 : Codeforces G. Periodic RMQ Problem /* Codeforces G. Periodic RMQ Problem MMP 什么动态开点线段树啊 ... ...

  5. SpringMVC 捕获参数绑定失败时的异常

    SpringMVC配置数据验证(JSR-303)中提到了用String类型的域来绑定Ajax中的非法类型的参数. 这样做的目的是一旦发生一种情况,后端可以返回一个自定类的返回值,而不是返回Spring ...

  6. sql 查出相同的记录 并把相同记录 显示在一起

    select c.workunit unitname,a.positionid,a.positiontype,a.isfirst,a.mastersort,a.directoraudit, c.wri ...

  7. Java基础系列 - 抽象类继承和接口实现

    package com.inter; /** * 继承和接口的关系,单继承,多接口 * java不支持多继承,但可通过接口实现多重继承 */ public class test2 { public s ...

  8. [APIO2017]商旅——分数优化+floyd+SPFA判负环+二分答案

    题目链接: [APIO2017]商旅 枚举任意两个点$(s,t)$,求出在$s$买入一个物品并在$t$卖出的最大收益. 新建一条从$s$到$t$的边,边权为最大收益,长度为原图从$s$到$t$的最短路 ...

  9. NOIP2018普及组初赛解题报告

    本蒟蒻参加了今年的NOIP2018普及组的初赛 感觉要凉 总而言之,今年的题要说完全没有难度倒也不至于,还有不少拼RP的题,比如第一次问题求解考逻辑推理,第一次完善程序考双链表等 下面我就和大家一起看 ...

  10. NPM私有包部署到私有仓库

    NPM私有包部署到私有仓库1.项目部署到NPM2.私有仓库的搭建1,项目部署到NPM注册NPM账号注册地址:https://www.npmjs.com/ 注册完成后进入邮箱验证 账号登录 npm lo ...