Chrome浏览器未受理ajax请求

最新推荐文章于 2021-11-06 11:17:15 发布

bruce128

最新推荐文章于 2021-11-06 11:17:15 发布

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/bruce128/article/details/8647678

前端专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个在Chrome浏览器中点击A标签触发下载与AJAX请求时，AJAX请求被取消的问题及解决方案。通过使用setTimeout延迟发送请求，成功解决了该问题。

问题描述如下：一个A标签，点击的时候执行两个操作，下载一个资源并且同时发出ajax请求。在Chrome浏览器下，ajax请求被cancel掉了，但是firefox很正常。

代码如下：

<td><a href="$!dotNetClient.outLink" onclick="insertDownloadLog(4)"><span style="color:blue;">下载</span></a></td>


function insertDownloadLog(fileType){
	$.ajax({
		url:"/download/insertDownloadLog.action?rand=" + new Date().getTime(),
		type:'GET',
		data:{
			'fileType' : fileType
		},error:function(){
			return false;
		},success:function(){
			return true;
		}
	});
}

debugChrome的信息：

用firefox没有问题。

通过延迟发送请求可以解决这个问题。解决代码如下：

function insertDownloadLog(fileType,outlink){
	setTimeout(function(){
			$.ajax({
				url:"/download/insertDownloadLog.action?rand=" + new Date().getTime(),
				type:"POST",
				data:{
					'fileType' : fileType
				},error:function(){
					return false;
				},success:function(){
					return true;
				}
			});
	}, 3000);
}

以我现在的Js眼界来看，这是Chrome的一个bug，不知道到大家对这个问题的看法如何。欢迎跟帖评论。