layui想要点击按钮,后台处理之后,在原页面,不刷新数据,返回这种提示框。

问题遇到的现象和发生背景
后台代码

<form action=/MVCDemo/AddApplicationServlet>
                                        <input type="hidden" name="major_no" value="<%= s.getId()%>"> 
                                        <input type="hidden" name="stu_no" value="<%= stu.getStu_no()%>"> 
                                        <button class="layui-btn layui-btn-xs layui-btn-normal" type="submit"><i class="layui-icon">&#xe698;</i></button>
                                    </form>
int count = AbstractDao.update(sql);
            if(count==1) {
                request.setAttribute("image", "添加成功");
                System.out.println("添加成功,count:" + count);
            }else {
                request.setAttribute("image", "添加失败,请重试");
                System.out.println("添加失败,count:" + count);
            }
            // 4.将操作的结果返回页面。
            request.getRequestDispatcher(Page.ADD_STUDENT_IMAGE_JSP).forward(request, response);

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" import="java.util.*,entity.result.*,servlte.*"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.2</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="<%= basePath %>/xadmin/css/font.css">
<link rel="stylesheet" href="<%= basePath %>/xadmin/css/xadmin.css">
<script src="<%= basePath %>/xadmin/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="<%= basePath %>/xadmin/js/xadmin.js"></script>
</head>
<body>
<script type="text/javascript">
layui.use('layer', function() {
    var layer = layui.layer ; 
    layer.msg("带表情的提示信息",{icon:6});
  });
</script>
</body>
</html>


运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

不想要跳转到新页面,在原页面显示

不刷新更新内容一般用ajax。
大概如下,供参考。


 <div class="layui-form layui-form-pane" lay-filter="form1">
    <input type="hidden" name="major_no" value="<%= s.getId()%>"> 
    <input type="hidden" name="stu_no" value="<%= stu.getStu_no()%>"> 
    <button class="layui-btn layui-btn-xs layui-btn-normal" type="submit"  lay-filter="saveBtn" ><i class="layui-icon">&#xe698;</i></button>
</div>


layui.use(['layer', 'form'], function() {
    var layer = layui.layer ; 
    var form = layui.form ; 

    form.on('submit(saveBtn)', function (data) {
            var data = form.val("form1");
            $.ajax({
                type: "get",
                url: "/MVCDemo/AddApplicationServlet",
                data: {                    
                    "query": JSON.stringify(data)
                },
                dataType: "json",
                success: function (data) {
                     layer.msg("带表情的提示信息",{icon:6});;
                },
                error: function (xhr) {
                    layer.msg("加载失败!<br\>" + xhr.status + "" + xhr.statusText,{icon:2});
                }
            });
            return false;
        });   
  });