日期:2014-05-16  浏览次数:20651 次

为什么jquery的ajax事件不支持谷歌浏览器

load方法是jquery中最方便实用的ajax实现,但是遇到谷歌浏览器就产生了令哥蛋疼的问题。不仅是load方法,其他ajax事件也统统不响应。问题原因终于在jquery中文社区的一篇帖子中找到答案。

http://jquery.org.cn/bbs/forum.php?mod=viewthread&tid=35449

为了方便学习交流,这里再附上jquery ajax的基本代码。

?

load方法:

?

$("#relativeParts").load("parts_in_channel1.html");

?

get方法:

?

$.get("parts_in_channel1.html", function(data){ 
     $("#relativeParts").html(data); 
}); 

?

post方法:

$.post("parts_in_channel1.html", function(data){ 
     $("#relativeParts").html(data); 
}); 
?

实用jquery底层方法:

$.ajax({ 
	type: "get", 
	url: "parts_in_channel1.html", 
	beforeSend: function(XMLHttpRequest){ 
		$("#relativeParts").html("数据加载中,请稍后"); 
	}, 
	success: function(data, textStatus){ 
		$("#relativeParts").html(data);
	}, 
	complete: function(XMLHttpRequest, textStatus){ 
		//alert("加载完成!"); 
	}, 
	error: function(){ 
		//alert("加载出错!"); 
	} 
});
?

?