码迷,mamicode.com
首页 > 其他好文 > 详细

页面提交后不刷新

时间:2019-12-30 11:30:43      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:弹出框   fun   关闭   项目   data   异步   index   sync   strong   

问题一:
项目中使用dwz进行弹框和页面跳转,主档为第一个页面,选择一条主档数据点击按钮查看明细,弹出第二个页面明细页面(该页面弹出框),在第二个页面总点击添加按钮,弹出第三个页面添加页面,在添加页面中添加数据成功后,自动关闭当前添加页面回到第二个页面明细页面,这时明细页面没有刷新(刷新了第一个页面)
解决办法已解决,在项目controller层中方法末尾加上ajaxObject.setMessage("退回成功");这句代码后,会自动关闭弹框

1 //在第二个页面中增加一个查询表单,id为bbform,在第三页面给表单添加id为aaform,
2 //提交表单改为onclick事件用js提交,代码为:
3 function aa(){
4         $("#aafrom").submit();
5         $("#bbform").submit();
6     }
7 //解释,每次提交表单aaform时,都会提交一次第二个页面中的bbform表单,bbform表单为查询功能,
8 //这样就可以实现每次提交aaform时都会在第二个页面执行一次查询过过程

注意!这种方法刷新表单有时会失效,原因是两个form提交方式为异步提交,修改方式有两种:
1.在第一个表单中间提交后停顿0.5秒再提交第二个表单(不推荐)
2.关闭异步提交(推荐)

1 function aa(){
2         $.ajaxSettings.async = false;
3         $("#aafrom").submit();
4         $("#bbform").submit();
5         $.ajaxSettings.async = true;
6     }

问题二:
主档为第一个页面,选择一条主档数据点击按钮查看明细,弹出第二个页面明细页面(该页面弹出框),在第二个页面总点击(审核/删除)按钮时,(审核/删除)完成后第二个页面没有自动刷新
解决办法:

 1 //(审核/删除)功能使用ajax请求实现,请求成功后,状态为200说明操作成功,这时刷新指定页面
 2 function deleteDetail(id){
 3     layer.confirm("确定删除吗?",function (index){
 4         $.ajax({
 5             url:"${ctx}/fcHydrantDetail/detaildelete/"+id,
 6             dataType:‘json‘,
 7             success:function(rst){
 8                 if(rst.statusCode==‘200‘){
 9                     var loadingIndex = Dialog.load();
10                    top.layer.msg("删除成功!", {icon : 1});
11                     $(‘#FcHydrantDialog11‘).load($(‘#FcHydrantDialog11‘).find(‘#pagerForm‘).attr(‘action‘), $(‘#FcHydrantDialog11‘).find(‘#pagerForm‘).serializeArray(), function() {
12                    //layer.close(loadingIndex);
13                    });
14                 }else{
15                      top.layer.msg("删除失败!", {icon : 2});
16                     }
17             }
18         });
19     })
20 }

注意,

$(‘#FcHydrantDialog11‘).load($(‘#FcHydrantDialog11‘).find(‘#pagerForm‘).attr(‘action‘), $(‘#FcHydrantDialog11‘).find(‘#pagerForm‘).serializeArray(), function() {});为刷新操作,如果页面有form表单为查询功能的话,可用 $("#search").submit();form表单提交来执行刷新操作

页面提交后不刷新

标签:弹出框   fun   关闭   项目   data   异步   index   sync   strong   

原文地址:https://www.cnblogs.com/zeevy/p/12118446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!