单一个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;
});