解决Ajax请求结果的缓存问题（参数无变化）

最新推荐文章于 2024-06-20 16:43:07 发布

原创最新推荐文章于 2024-06-20 16:43:07 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种常见的Ajax请求缓存问题及解决方案。当用户反复点击导致多次请求同一URL时，由于浏览器缓存机制，可能会出现请求未正确发送的情况。文章提供了一种通过在URL中添加随机数来避免缓存问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajax请反复点击，没请求反应

bug原因). 参数无变化，在默认情况下，浏览器会针对请求地址缓存Ajax请求的结果。原因，在缓存过期之前，针对相同地址发起的多个Ajax请求，只有第一次会真正发送到服务端。

解决办法). 通过为URL地址添加随机数后缀的方式解决问题，这样就会多了一个一直在变的参数。

                var ran  = Math.random()*10;//随机数
                $.ajax({
                type : "get",
                async : false, //发送同步请求
                cache:  true, //不缓存此页面
                url : "/index.php/recharge/demandRecord/getResult?ran="+ran,
                data : "id="+id,
                dataType:"json",
                success:function(ajaxRes)
                {
                    $('.record_load_'+id).hide();
                    if(ajaxRes.status == 1){
                        //操作成功,刷新页面
                        location.reload();
                    } else  if(ajaxRes.error){
                        alert(ajaxRes.error);
                    } else {
                        alert('系统异常,请重试或联系技术支持!')
                    }
                }
            })