2021.09.13 xhr请求缓存问题

一点都不可爱捏

于 2021-09-13 18:03:06 发布

阅读量794

点赞数

分类专栏：九月份文章标签：缓存

本文链接：https://blog.youkuaiyun.com/qq_43080484/article/details/120272310

版权

九月份专栏收录该内容

10 篇文章

订阅专栏

本文介绍了在进行XMLHttpRequest请求时如何避免浏览器缓存导致的验证码不更新问题。通过添加时间戳或随机数作为URL参数，或者设置HTTP头部的缓存控制属性，可以确保每次请求都是新鲜的，从而实现验证码的实时更换。此外，还提供了相应的HTTP头部设置示例和XMLHttpRequest的配置方法。

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

在XMLHttpRequest请求时，浏览器会对比请求与缓存的地址，如果相同就会直接返回上一次的内容，不会重复请求。造成验证码不能更换的问题。

时间戳后缀

　　　　if(url.indexOf("?")>=0){//判断url中是否已经带有参数
                    url = url + "&t=" + (new Date()).valueOf();
                }else{
                  url = url + "?t=" + (new Date()).valueOf();
               }

或随机数

		var url = BaseURL + "&r=" + Math.random();

在HTTP header上处理缓存

　　　　<meta http-equiv="pragma" content="no-cache" /> 
　　　　<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" /> 
　　　　<meta http-equiv="expires" content="Thu, 01 Jan 1970 00:00:01 GMT" /> 
　　　　<meta http-equiv="expires" content="0" />

在XMLHttpRequest发送请求之前配置

　　　　XMLHttpRequest.setRequestHeader("If-Modified-Since","0"); 
　　　　XMLHttpRequest.send(null);

摘自 https://blog.youkuaiyun.com/yellow88488/article/details/53675615