前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存

Question

有一个表格
序号 姓名 性别 操作
1 a 男 查看 修改
2 b 女 查看 修改
3 c 男 查看 修改
4 d 女 查看 修改
我要点击查看一条数据，弹出一个层modal显示明细，点一下,会使用Ajax获取数据.但是再点一下,不会重复获取,而是使用之前获取到的数据.
如何让每次都重新获取数据？求解答

Answer 1

1、绑定事件，在关闭的时候，直接将数据清除：

[code="javascript"]$("#model").on("hidden.bs.model",function(e){$(this).removeData();});[/code]

2、修改一下请求的url，添加随机参数，强制刷新，先用jQuery的get方法取内容，再放到modal中。如下：
[code="javascipt"]function remoteUrl(u){
u += '&t=' + Math.random(1000)
$.get(u, '', function(data){
$('#remoteModal .modal-body').html(data)
})
$('#remoteModal').modal({show:true,backdrop:false})
}
[/code]