页面引用layui表格插件,谷歌浏览器表格刷新,IE11浏览器表格不刷新

单一个html页面放到IE浏览器上,遇到问题容易解决,但当页面引入其他插件,问题就很难定位。下面我就分享一个我在html引入了layui插件遇到的坑。
先抛出解决问题的方法,要不然下面废话太多,看起来浪费时间哈哈哈哈哈。
IE浏览器,数据更新,页面不刷新第一个要想到的就是页面缓存!!!浏览器没有向后台请求数据!他一直在读缓存数据,所以一直没有页面更新!!!所以解决问题的办法就是,强制让浏览器去后台取数据,是的强制,强制的方法有啥?


1、url后面拼一个随机码作为参数
2、url后面拼一个当前时串作为参数


好了下面讲一下我遇到的引入layui插件页面不更新的解决办法。
有问题的代码是这样的

//新增form表单监听
          form.on(("submit(insertemployee)"),function(data){
             var param = {};
             param=data.field;
             $.ajax({
                    type : "POST",
                    dataType : "JSON",
                    url : $webURI +"/portal/employee/addEmployee.action?timestamp="+(new Date()).valueOf(),
                    data : param,
                    success : function(data) {
                        if(data){
                            if (data.code>0) {
                                layer.msg(data.msg,{icon: 6,time: 500});
                            } else {
                                layer.msg(data.msg,{icon: 5,time: 500});
                            }
                        }else{
                            layer.msg("服务异常,请稍后重试!",{icon: 5,time: 500});
                        }
                        layer.close(index);
                        tableIns.reload({
                            url:$webURI + "/portal/employee/pageQueryEmployee.action?timestamp="+(new Date()).valueOf()
                        });
                    },
                    error:function(){
                        layer.msg("服务异常!",{icon: 5,time: 500});
                    }
              });
              return false;
          });

修改完的代码是这样的

//新增form表单监听
          form.on(("submit(insertemployee)"),function(data){
             var param = {};
             param=data.field;
             $.ajax({
                    type : "POST",
                    dataType : "JSON",
                    url : $webURI +"/portal/employee/addEmployee.action?timestamp="+(new Date()).valueOf(),
                    data : param,
                    success : function(data) {
                        if(data){
                            if (data.code>0) {
                                layer.msg(data.msg,{icon: 6,time: 500});
                            } else {
                                layer.msg(data.msg,{icon: 5,time: 500});
                            }
                        }else{
                            layer.msg("服务异常,请稍后重试!",{icon: 5,time: 500});
                        }
                        layer.close(index);
                        tableIns.reload({
                            url:$webURI + "/portal/employee/pageQueryEmployee.action?timestamp="+(new Date()).valueOf()
                        });
                    },
                    error:function(){
                        layer.msg("服务异常!",{icon: 5,time: 500});
                    }
              });
              return false;
          });
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,378评论 0 7
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 4,251评论 0 1
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,862评论 1 11
  • 不论是学习一门新的语言,还是学习一项新的技术,都要知道是什么?为什么学?怎么学? 1. Node.js是什么? N...
    hjinpeng阅读 864评论 0 1
  • 黛玉好还是宝钗好?喜欢黛玉还是喜欢宝钗?这个问题流传了很多年。喜欢林妹妹的人们推崇她的真性情,不喜欢的人们觉得...
    一粒渺小的尘埃阅读 6,083评论 21 42