JQuery ajaxComplete，ajaxError等Ajax事件函数返回重复数据

mywilds 2010-02-26 02:39:40



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>Jquery</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script>

</head>

<body>

<script language="javascript">

<!--

	$(function(){

		$("#Ajax").click(function(){

			$.ajax({

			    url: "result.html",

			    success: function(msg){

					$("#mydiv").append("<div>"+msg+"</div>");

			    }

			});

			$("#log").ajaxComplete(function(evt,request,settings){

				$(this).append("<div>操作完成...</div>");

			})

		});

	});

-->

</script>

<input type="button" id="Ajax" value="Ajax开始" />

<div id="mydiv" style="background:#CCCCCC;"></div>

<div id="log" style=" border:1px solid #FF0000"></div>

</body>

</html>

result.html内容为:Ajax Test!

以上代码输出结果是：
第一次点击按钮 div#mydiv中添加一行:<div>Ajax Test!</div> div#log中添加一行:<div>操作完成...</div>

第二次点击按钮 div#mydiv中添加一行:<div>Ajax Test!</div><div>Ajax Test!</div> div#log中却添加了二行:<div>操作完成...</div><div>操作完成...</div><div>操作完成...</div>

返回的responseText正常，但是为何ajaxComplete回调函数会重复返回提示信息规律为 +1 +2 +3
何解？？？？？？？？？？？？？？？各位帮忙看看，谢谢了！

...全文

611 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

yangtsefisher5 2010-08-19

打赏
举报

仔细看看你的代码:
$("#log").ajaxComplete你把它放在了click调用的函数里面，
所以你每点击一次按钮，就会注册一次ajaxCompete函数，第二次就有两个ajaxCompete了！

这个要放到click外面去吧，而且这样写理论上第一次点击时，可能log什么都没有，应该在ajax的complete值钱还没执行到下面的注册。

mywilds 2010-03-01