Ajax请求永远是304的解决方案

最新推荐文章于 2024-06-11 15:16:13 发布
原创 最新推荐文章于 2024-06-11 15:16:13 发布
· 1.2w 阅读 · 2 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在IE浏览器中，Ajax的GET请求因URL相同导致总是返回304状态码，从而不向服务器发送实际请求。问题在于IE会尝试使用本地缓存。为解决此问题，可以在Ajax请求中添加一个动态请求参数，确保每次URL不同，强制浏览器向服务器请求新鲜数据。

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

我之前写了一个NavigationService，用来做页面的Ajax导航，但是今天发现一个问题，在IE下面，发现Ajax的请求不会真正的被发送到服务器端，在IE里面，返回的永远是304。这个应该是IE的设计问题：查了一下，发现这个博文里面提到了问题的本质：http://blog.sina.com.cn/s/blog_4b7809800100y1c3.html。“因为ajax请求的时候如果使用get方式请求，同时路径参数相同的时候，ajax会先从本地缓存中取，如果取到了它是不会去请求后台的”，知道了问题就好办了，照着文章中写的那样，给每个AJAX的请求都加一个请求参数，以保证URL永远不同。这个是修改之后的代码：


                

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    



                



	

		

			

				
					
HTTP请求返回304状态码以及研究nginx中的304

				
			

			

				

					念兮为美
				

				

					02-10
					
					3670
					
				

			

		

		

			
				
HTTP请求返回304状态码以及研究nginx中的304

			
		

	



                

            
              



	

		

			

				
					
ajax请求 304解决方案:

				
			

			

				

					草巾冒小子的博客
				

				

					06-30
					
					1万+
					
				

			

		

		

			
				
问题：

此页上的代码禁用了反向和正向缓存
script


附参考文章：

ajax请求 304解决方案


报错1：

报错2：

冲刷了页面，还是报错（截图如下）。

报错2：“304 not modified”


解决办法：(原文地址：点击查看)
ajax返回结果HTTP304 …   每次请求的走的是缓存，而Chrome等浏览器是正常返回的200
ajax缓存= = IE真是无所不能啊...

			
		

	



              


  
              

                


	

		

			

				
					
ajax请求，返回值为304 Not Modified 错误原因与解决办法

				
			

			

				

					源辰_付鹏程
				

				

					02-09
					
					3万+
					
				

			

		

		

			
				
先说原因吧，这是因为http请求的缓存问题引起的
前后调用了两个相同的请求，服务器懒得给你重新发一个请求，所以就304咯
那怎么办呢？
解决方法也很简单，加一个时间戳就行了
比如：
原请求为：
$.get("/getAllTypes" , null,function(data){}
那么我们加一个参数就行了，这个参数没有什么实际意义，但是可以帮助我们让每次发的请求都不一样
var

			
		

	





	

		

			

				
					
ajax提交304

				
			

			

				

					tyt叮当tyt的专栏
				

				

					08-09
					
					1403
					
				

			

		

		

			
				
今天用ajax提交，打开调试发现全部正常，就是后台没反应，火狐

			
		

	



		

			
		



	

		

			

				
					
304 ajax,Ajax请求永远是304的解决方案

				
			

			

				

					weixin_36338946的博客
				

				

					08-06
					
					680
					
				

			

		

		

			
				
我之前写了一个NavigationService，用来做页面的Ajax导航，但是今天发现一个问题，在IE下面，发现Ajax的请求不会真正的被发送到服务器端，在IE里面，返回的永远是304。这个应该是IE的设计问题：查了一下，发现这个博文里面提到了问题的本质：http://blog.sina.com.cn/s/blog_4b7809800100y1c3.html。“因为ajax请求的时候如果使用ge...

			
		

	





	

		

			

				
					
ext.data.store ajax,设置 Ext.data.Store 传参的请求方式

				
			

			

				

					weixin_28750663的博客
				

				

					08-06
					
					972
					
				

			

		

		

			
				
1.extjs 给怎么给panel设背景色设置bodyStyle:'background:#ffc;padding:10px;',var resultsPanel = Ext.create('Ext.panel.Panel', {title: 'Results',width: 600,height: 400,renderTo: Ext.getBody(),bodyStyle: 'backgroun...

			
		

	





	

		

			

				
					
前端异步(async)解决方案(所有方案)

				
			

			

				

					2401_85124119的博客
				

				

					06-11
					
					997
					
				

			

		

		

			
				
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。

			
		

	





	

		

			

				
					
跨域及其解决方案

				
			

			

				

					Astar的博客
				

				

					07-03
					
					556
					
				

			

		

		

			
				
为什么会有跨域？
出于安全性考虑，浏览器限制脚本内发起的跨源HTTP请求。例如，XMLHttpRequest和Fetch API遵循同源策略。这意味着使用这些API的Web应用程序只能从加载应用程序的同一个域请求HTTP资源，除非响应报文包含了正确CORS响应头。

同源策略：如果两个URL的protocol、port(如果有指定的话)和host都相同的话，则这两个URL是同源。

跨域解决方案
1. JSONP
在CORS之前，开发人员也有跨域请求资源的需求，他们提出了多种方案，其中JSONP为常见的一种

			
		

	





	

		

			

				
					
python前后端分离跨域请求_前后端分离，解决跨域问题及django的csrf跨站请求保护...

				
			

			

				

					weixin_34855166的博客
				

				

					12-23
					
					390
					
				

			

		

		

			
				
1. 前后端分离解决跨域问题解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现；关于跨域，前端会先发送OPTIONS请求，进行预检，检查后端是否允许前端设置的相应的请求头，请求内容functiongetCookie(name) {var cookieValue = nul...

			
		

	





	

		

			

				
					
ajax 之POST请求，参数序列化

				
			

			

				

					aechi62008的专栏
				

				

					02-24
					
					433
					
				

			

		

		

			
				
比如，，我们在没有使用jquery的时候，没有$.post来让我们使用，那我们像下面这样直接发送：
var params1 = {
        username: username,
        passwrod: password
    };
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function (...

			
		

	





	

		

			

				
					
ajax返回304,正确的方法来处理304未在jQuery ajax中修改

				
			

			

				

					weixin_30828697的博客
				

				

					08-05
					
					733
					
				

			

		

		

			
				
从jQuery 1.5开始,根据XMLHTTPRequest的W3C规范,ajax方法现在可以通过调用success()处理程序正确处理304 Not Modified响应.这允许您的应用程序将请求视为成功,即使服务器实际上没有返回任何数据(因为您已经缓存了最新数据).对于正常(未缓存)的GET请求,使用以下args调用成功处理程序:data:{来自服务器的数据}状态:好的jqXHR:状态:200...

			
		

	





	

		

			

				
					
ajax返回304,jquery $ajax GET请求在IE浏览器兼容中遇到的304 cache请求的经验分享

				
			

			

				

					weixin_42405592的博客
				

				

					08-05
					
					325
					
				

			

		

		

			
				
在最代码上线后，印象最深的2个bug：1.用户提醒数字明明已经查看了但是一直还在提示。2.用户下载代码已经登录了但是一直提示尚未登录。经过和牛牛们远程协助发现是因为在IE内核的浏览器下，http协议中浏览器端中对相同请求有cache的机制，会返回304Not Modified提示浏览器可以继续用本地cache而忽略服务端返回的数据。在jquery的$ajax请求中增加：cache:false参数...

			
		

	





	

		

			

				
					
加载js 报错 304 Not Modified

					
热门推荐

				
			

			

				

					Ghjkku的博客
				

				

					04-13
					
					13万+
					
				

			

		

		

			
				
第一次访问 200

鼠标点击二次访问 (Cache)

按F5刷新 304

按Ctrl+F5强制刷新 200

刷新页面，重新加载js，清除缓存拒绝304，同样的方法 css 也适用

document.write（），是读取文件，个人理解为不管文件有没有发生变化，每次都会删去之前加载的，然后再重新去载入js

当然 ，Math.raandom（）这里也是重点，添加随机数



解决这种问题方法很简单，只需在url后面拼接一个时间戳就行了。示例代码如下：


<script>document

			
		

	





	

		

			

				
					
如何解决http请求304问题，304的原因很可能是缓存造成的。

				
			

			

				

					
				

				

					10-13
					
					3万+
					
				

			

		

		

			
				
解决网站304状态码的方法




出现这种情况我确定是由IIS缓存引起的IIS缓存一方面能提高服务器性能,另一方面却给网站带来严重上的更新问题，那我应该如何手动去清理它呢？接下来教大家一个手动清理IIS缓存的方法


出现这种情况我确定是由IIS缓存引起的IIS缓存一方面能提高服务器性能,另一方面却给网站带来严重上的更新问题，那我应该如何手动去清理它呢？接下来教大家一个手动清理I

			
		

	





	

		

			

				
					
http get请求发送失败，返回304错误

				
			

			

				

					dingdongkk~博客
				

				

					09-12
					
					6124
					
				

			

		

		

			
				
现象：设置不同分辨率时，设置成功，视频预览会变，但当又返回来再设置为某个分辨率时，发现设置不成功，视频分辨率不会变。部分代码如下：url='set_param.cgi?';
url+='&height='+height;
url+='&bit_rate='+encodeURIComponent($("#bit_rate").val());
$.ajax({
    url: url,
    asy

			
		

	





	

		

			

				
					
解决$.ajax()在IE10以下失效的问题

				
			

			

				

					diaolanbeng0962的博客
				

				

					05-31
					
					287
					
				

			

		

		

			
				
一、问题重现
本地的脚本请求测试环境的接口

$.ajax({
	url: ***,
	type: GET,
	data: data,
	success: function (data) { **** }
});

在chrome、Firefox和IE9以上的都正常发送请求，IE10以下没有发送请求。

二、解决思路
$.ajax()中把错误信息显示出来

...

			
		

	





	

		

			

				
					
jQuery 的ajax 不支持ie10 或者以上浏览器的问题

				
			

			

				

					u010782160的专栏
				

				

					11-14
					
					4404
					
				

			

		

		

			
				
这个问题折腾了我几天，网上找了

			
		

	





	

		

			

				
					
刷新页面，重新加载js，清除缓存拒绝304

				
			

			

				

					小猪的博客
				

				

					03-23
					
					5986
					
				

			

		

		

			
				
&lt;script&gt;
    document.write("&lt;s"+"cript type='text/javascript' src='../utils/getUrl.js?112"+Math.random()+"'&gt;&lt;/scr"+"ipt&gt;");
&lt;/script&gt;刷新页面，重新加载js，清除缓存拒绝304，同样的方

			
		

	





	

		

			

				
					
debounce 请求 bug

					
最新发布

				
			

			

				

					12-31
				

			

		

		

			
				
 对于涉及到异步操作如AJAX请求的情况，可以在每次调用防抖函数时先取消上一次尚未完成的请求，从而减少服务器压力和客户端内存占用。Axios库提供了取消令牌的功能来帮助实现这一点。   ```javascript  import axios...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值