前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存
2016-03-25 15:08
1241 查看
1、绑定事件,在关闭的时候,直接将数据清除:
Javascript代码
$("#model").on("hidden.bs.model",function(e){$(this).removeData();});
2、修改一下请求的url,添加随机参数,强制刷新,先用jQuery的get方法取内容,再放到modal中。如下:
Javascipt代码
function remoteUrl(u){
u += '&t=' + Math.random(1000)
$.get(u, '', function(data){
$('#remoteModal .modal-body').html(data)
})
$('#remoteModal').modal({show:true,backdrop:false})
}
3.加时间戳 var timestamp=new Date().getTime();
Javascript代码
$("#model").on("hidden.bs.model",function(e){$(this).removeData();});
2、修改一下请求的url,添加随机参数,强制刷新,先用jQuery的get方法取内容,再放到modal中。如下:
Javascipt代码
function remoteUrl(u){
u += '&t=' + Math.random(1000)
$.get(u, '', function(data){
$('#remoteModal .modal-body').html(data)
})
$('#remoteModal').modal({show:true,backdrop:false})
}
3.加时间戳 var timestamp=new Date().getTime();
相关文章推荐
- bootstrap 入门
- 获取Bootstrap-Table的所有内容,修改行内容
- OMS开发(二):技术选型
- Using existing Bootstrap themes in Liferay (Part II).
- Using existing Bootstrap themes in Liferay (Part I).
- BootStrap inputag使用
- bootstrap-table + JSON + springmvc使用
- 机器学习基础(十六)—— bootstrap
- Bootstrap_面板
- Bootstrap_列表组
- Bootstrap_媒体对象
- Bootstrap_进度条
- Bootstrap_缩略图
- Bootstrap_警示框
- Bootstrap_标签
- Bootstrap_分页
- Bootstrap_导航条
- Bootstrap_导航
- Bootstrap_按钮工具栏
- Bootstrap_下拉菜单