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

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

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]

把你的显示内容 作为一个模板存好,查询的时候 把 数据的ID 作为标示位,
每次查询之前都先判断下,如果是原来的标示 就不去 ajax请求,还是使用原来差出来的模板。 如果不同就把原来模板里的内容 $("#templateId").html()调。

建议每次都获取新数据,因为如果你涉及到其他业务修改数据的时候,你这里还是老数据,人家都已经改成新数据了。

每次请求都加一个随机的参数

加时间戳 var timestamp=new Date().getTime();