前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存
2016-03-02 22:50
791 查看
1、绑定事件,在关闭的时候,直接将数据清除:
$("#model").on("hidden.bs.model",function(e){$(this).removeData();});
2、修改一下请求的url,添加随机参数,强制刷新,先用jQuery的get方法取内容,再放到modal中。如下:
function remoteUrl(u){
u += '&t=' + Math.random(1000)
$.get(u, '', function(data){
$('#remoteModal .modal-body').html(data)
})
$('#remoteModal').modal({show:true,backdrop:false})
}
$("#model").on("hidden.bs.model",function(e){$(this).removeData();});
2、修改一下请求的url,添加随机参数,强制刷新,先用jQuery的get方法取内容,再放到modal中。如下:
function remoteUrl(u){
u += '&t=' + Math.random(1000)
$.get(u, '', function(data){
$('#remoteModal .modal-body').html(data)
})
$('#remoteModal').modal({show:true,backdrop:false})
}
相关文章推荐
- 解决bootstrap和jquey中的.button扩展冲突的问题。
- bootstrap 带有时分秒的日期控件
- bootstrap 框架学习笔记
- [转]how to split the ng-repeat data with three columns using bootstrap
- bootstrap-treeview
- bootstrap双日期选择插件
- python学习笔记-Day16-bootstrap
- bootstrap样式使用标准(转)
- bootstrap3.3 兼容IE8处理方法
- 从Bootstrap中分离出tab组件的样式
- datetimepicker设置默认视图为年视图
- bootstrap model弹出框的使用
- 下拉搜索 bootstrap combox 搜索建议插件
- bootstrap-table中文文档(页疑翻译)
- 百度官方CDN公共库(jquery、dojo、Bootstrap)
- Bootstrap 库
- 如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
- Bootstrap每天必学之导航条(二)
- 利用bootstrap的modal组件自定义alert,confirm和modal对话框
- 实用的Bootstrap的扩展和插件集合