Ajax中数据请求结果不刷新问题

最新推荐文章于 2024-01-09 18:40:13 发布

kaihuababy

最新推荐文章于 2024-01-09 18:40:13 发布

阅读量1k

点赞数

分类专栏：脚本语言文章标签： ajax xmlhttprequest callback 浏览器 function url

本文链接：https://blog.csdn.net/kaihuababy/article/details/6606282

版权

当使用Ajax进行数据请求时，发现多次请求后结果并未更新，即使后台数据已变。原因是浏览器缓存了首次请求的结果。为解决此问题，可以在URL末尾添加一个不断变化的参数，如Math.random()，确保每次请求的URL都是唯一的，从而避免缓存并获取最新数据。

摘要由CSDN通过智能技术生成

有时在一个页面中会经常调用某个ajax请求，但发现请求第一次之后，返回一个结果，后面再多次请求，结果还是不变，即使后台的数据真正变了也得不到最新的结果。

原来是请求的地址在浏览器的缓存中已经存在，且已有结果，所以直接将结果显示，这时我们可以通过变化访问请求地址字符串，每次都会触发访问。

如下语句：

var req; //定义变量，用来创建xmlhttprequest对象
        function creatReq(request_id) // 创建xmlhttprequest,ajax开始
        {
            var url="a.aspx"; //要请求的服务端地址
            if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建
            {
                req=new XMLHttpRequest();
            }
            else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
            {
                req=new ActiveXObject("Microsoft.XMLHttp");
            }
            
            if(req) //成功创建xmlhttprequest
            {
                req.open("GET",url+"?request_id="+request_id+"&"