最近在一个项目的维护中,下面的一段用到了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浏览器中,第一个请求如果来不及处理的话,那么就会被第二个请求给替换掉。所以在两个请求中加入了执行时间间隔,就解决了上述的问题。