Safiri浏览器中JS通过DWR重复请求的问题

最新推荐文章于 2022-01-21 09:45:29 发布

原创最新推荐文章于 2022-01-21 09:45:29 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

Java 专栏收录该内容

26 篇文章

订阅专栏

文章详细描述了一段使用DWR进行跨浏览器调用后台Java代码的JavaScript代码在部分浏览器中遇到的执行问题。通过分析发现，问题源于浏览器执行JavaScript速度过快导致请求替换。解决方案是在调用请求之间加入时间间隔，确保每个请求都能被正确处理。最终，通过修改代码实现了在所有浏览器下的一致性执行。

最近在一个项目的维护中，下面的一段用到了DWR的JS代码，出现了一个很奇怪的现象。

function deleteCartItem(productId,shopId,productEdt){
	if(confirm('确定要删除吗？')){
		// 通过DWR，提交到后台Java代码来清空session
				
		// 刷新页面显示最新信息
		var theform = document.ProductToCartForm;
		theform.productId.value = productId;
		theform.productEdt.value = productEdt;
		theform.shopId.value = shopId;
		with(theform){
			action="view.do";
			submit();
		}
	}else{
		return;
	}
}

具体的现象是上面的一段通过DWR调用后台Java代码的语句

ChangeProductAmount.delProductFromCart(productId, productEdt);

在Chrome，FireFox，IE，Opera中可以正常的起作用，跟踪断点可以跳转到Java代码中，是在在Safari5.1.7中却无法正常运行（Java代码没有被正常调用），但是整个页面都还是被重新刷新了(submit语句起了作用)。

最后通过比较得出了将上面的JS代码改成如下的代码之后，就可以正常运行了。

function deleteCartItem(productId,shopId,productEdt){
	if(confirm('确定要删除吗？')){
		// DWR提交到后台清空session
		removeProductFromCart(productId, productEdt);
		// 刷新页面显示最新信息
		setTimeout(function(){refreshPage(productId,shopId,productEdt)},1000);
	}else{
		return;
	}
}

function refreshPage(productId,shopId,productEdt){
	var theform = document.ProductToCartForm;
	theform.productId.value = productId;
	theform.productEdt.value = productEdt;
	theform.shopId.value = shopId;
	
	with(theform){
		action="view.do";
		submit();
	}		
}

通过猜测得到如下结论：

不同的浏览器对JavaScript的执行方式不同，一段JavaScript中如果有两个向服务器的请求的时候，由于JavaScript执行速度相当之快，在Safari浏览器中，第一个请求如果来不及处理的话，那么就会被第二个请求给替换掉。所以在两个请求中加入了执行时间间隔，就解决了上述的问题。