HTML页面Ajax传值进行添加操作，后台获取

1，页面设置

<script>
    layui.use('jquery', function () {  //声明jquery
        var $ = layui.jquery;// 引入内置在layui中的jquery

        $("#btn").click(function () {// 提交点击事件
            $.ajax({
                async: false,// false为同步
                url: " Servlet?action=add",// 请求路径
                data: $("#form1").serialize(),// 序列表单获取输入内容
                type: "POST",// 请求方式
                dataType: "text",// 返回值的类型
                success: function (data) {
                    if (data == '1') {

//先得到当前iframe层的索引
                        var index=parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index); // 根据索引关闭弹出层
                        window.parent.location.reload();// 刷新父页面
                    } else {
                        alert("失败");
                    }
                },
                error: function (data) {
                    alert(data);
                }
            });
        })
    });
</script>

2，servlet设置

Map<Object, Object> map = new HashMap<>(); // 新建一个map数组

map.put("data", list); // 把查询数据库的返回值存入前台定义的data中

map.put("code", 0);  // 判断是否执行成功

map.put("count", count); // 分页时判断数据条数

map.put("msg", "全部房屋信息");

String s = JSON.toJSONString(map); // 把map转成jaon类型

System.out.println(s); // 输出map看一下是否转化成功

response.getWriter().write(s); // 把值传给前台