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

最新推荐文章于 2025-06-16 06:00:00 发布

原创最新推荐文章于 2025-06-16 06:00:00 发布 · 5.6k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了JavaScript中如何在关闭弹窗时清除数据，并通过修改请求URL添加随机参数实现强制刷新。同时展示了如何使用jQuery获取内容并动态加载到模态框中。

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()；