遇到的问题:导入的表格,上传成功后只弹窗显示‘上传成功’,但不显示数据,只有手动刷新,才显示导入的数据
解决思路:因导入功能没有问题,便想着加个自动刷新的功能
实施:不擅长写前端,便在网上找自动刷新的代码,但看到的多半是隔几秒刷新,或者是什么表单刷新,并不是我想要的在上传之后再刷新,但功夫不负有心人,终于:
window.location.reload();
这行代码写在上传的回调中,便可实现上传成功后对当前页面进行自动刷新,具体代码:
layui.use('upload', function(){
var upload = layui.upload;
//执行上传
var uploadInst = upload.render({
elem: '#upload' //绑定元素
,url: prefix + "/importAdmin" //上传接口
,method: 'POST'
,accept: 'file'
,before: function(obj){
layer.load();
}
,done: function(res){//上传完毕回调
layer.closeAll('loading');
layer.msg('上传成功');
window.location.reload();
}
,error: function(){//请求异常回调
layer.closeAll('loading');
layer.msg('网络异常,请稍后重试!');
}
});
})
其实只是个简单的自动刷新的实现,但是我认为值得记录