使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法2

<input type="button" onclick="edit(${it.id?c})"       class="layui-btn  layui-btn-normal layui-btn-sm" value="编辑">
  function edit(id) {//iframe层            layer.open({                type: 2,                title: ‘编辑服务商‘,                shadeClose: true,                shade: 0.8,                area: [‘650px‘, ‘550px‘],                content: ‘/serprovider/getSerproviderById?id=‘ + id //iframe的url            });        }
@RequestMapping(value = "/getSerproviderById", method = RequestMethod.GET)public ModelAndView getSerproviderById(@RequestParam(value = "id", required = true) Integer id) {    ModelAndView modelAndView = new ModelAndView();    ServiceProvider serviceProvider = serviceProviderService.getSerproviderById(id);    modelAndView.addObject("info", serviceProvider);    modelAndView.setViewName("serprovider/getSerproviderById");    return modelAndView;

}
<!-- 内容主体区域 --><form class="layui-form" action="#" method="post">    <div class="layui-form-item">        <label class="layui-form-label">供应商名称<span style="color: red;">*</span></label>        <div class="layui-input-block">            <input type="text" name="providerName" required lay-verify="required" placeholder="请输入供应商名称"                   value="${info.providerName!}"                   autocomplete="off" class="layui-input">        </div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">公司名称<span style="color: red;">*</span></label>        <div class="layui-input-block">            <input type="text" name="providerCompany" required lay-verify="required"                   value="${info.providerCompany!}"                   placeholder="请输入公司名称"                   autocomplete="off" class="layui-input">        </div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">联系人<span style="color: red;">*</span></label>        <div class="layui-input-block">            <input type="text" name="linkMan" required lay-verify="required" placeholder="请输入联系人"                   value="${info.linkMan!}"                   autocomplete="off" class="layui-input">        </div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">联系电话<span style="color: red;">*</span></label>        <div class="layui-input-block">            <input type="text" name="cellphone" required lay-verify="required|number" placeholder="请输入联系电话"                   value="${info.cellphone!}"                   autocomplete="off" class="layui-input">        </div>    </div>

<div class="layui-form-item">        <div class="layui-input-block">            <input type="hidden" name="id" value="${info.id?c}">            <button lay-submit lay-filter="go"                    class="layui-btn  layui-btn-normal ">提交            </button>            <button type="reset" class="layui-btn layui-btn-primary">重置</button>        </div>    </div></form><script>    layui.use(‘element‘, function () {        var element = layui.element;    });    layui.use(‘form‘, function () {        var form = layui.form;        // 这个是在iframe里面的js代码        var frameindex = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引        form.on(‘submit(go)‘, function (data) {            console.log(data.field); //当前容器的全部表单字段,名值对形式:{name: value}            var index = layer.load(1, {                shade: [0.1, ‘#fff‘] //0.1透明度的白色背景            });            var url = ‘/serprovider/saveEditServiceProvider‘;            $.post(url, data.field, function (ev) {                if (ev.code == 200) {                    layer.msg(ev.msg);                    parent.location.href = "/serprovider/getServiceProviderList";                } else {                    layer.close(index);                    layer.msg(ev.msg);                }            }, ‘json‘)            //发送ajax            return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。        });    });</script>
@RequestMapping(value = "/saveEditServiceProvider", method = RequestMethod.POST)@ResponseBodypublic Map saveEditServiceProvider(ServiceProvider serviceProvider) {    boolean flag = serviceProviderService.saveEditServiceProvider(serviceProvider);    Map map = new HashMap();    if (flag) {        map.put("code", 200);        map.put("msg", "更改成功");    } else {        map.put("code", "500");        map.put("msg", "更改失败,代码错误");    }    return map;}

原文地址:https://www.cnblogs.com/jwlfpzj/p/9216898.html

时间: 2024-08-11 11:51:42

使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法2的相关文章

JS提交表单后回跳的细节处理

有些时候提交表单后需要我们留在原来表单的界面,那么提交后如何使表单里面的内容清空或者保留呢?作为一个小知识点我总结了下:(以后我还会补充些相关内容) 表单里的内容我经过在servelet测试替换红色部分的内容, int b = new MemberDao().save(member); if(b!=0){ out.print("<script>alert('提交成功')</script>"); out.print("<script>loca

Form提交表单后页面刷新不跳转的实现

<form action="" id="" method="post" target="nm_iframe"> <input type="text" id="input_text" name="input_text"/> <input type="submit" id="sobmit" name=&

用HTTP状态码实现提交表单后刷新页面不重复提交

正常情况下,表单提交后如果用户刷新页面会重复提交表单,有些情况下我们不希望表单重复提交,利用HTTP协议中的307状态码重定向页面可以实现这个目的.实例如下: 表单页面代码: <form action="1.php" method="post"> <input type="text" name="na"> <input type="submit" value="提交&

submit提交表单后,不刷新当前页面

<form method="get" target="test" action="a.html"> <input type=""text /> <input type="submit" /> </form> <iframe name="test" style="display:none"></ifram

laravel中,提交表单后给出提示例如添加成功,添加失败等等

laravel中的表单插入,我想在表单插入成功后,可以像thinkphp一样可以有一个提示内容,上网Google,他们还是给出的方法就是 return redirect('/')->with('message', 'Message sent!'); 然后在view中接收 @if(Session::has('message')) <div class="alert alert-info"> {{Session::get('message')}} </div>

利用iframe实现提交表单是页面部分刷新

直接上代码: 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":&quo

Spring解决提交表单后乱码问题

在 web.xmml中添加下面的代码 <!--解决提交后乱码问题--> <filter> <filter-name>encoding</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</para

【已解决】artDialog在iframe窗口中关闭弹出窗口返回并刷新父页面

在父页面弹出窗口中,添加回调函数,当close时调用,直接上代码: art.dialog.open(url, {         lock : true,         title : text,         width : '800px',         height : '500px',         close : function () {              art.dialog.open.origin.location.href="url1";       

解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象

原文:解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象 之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的form,还有其他一些form插件也是一样的,使用不当就会遇到这个问题. 前台: <!DOCTYPE html> <html> <head> <meta http-equiv=