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

2010-02-26 02:39:40 656 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

华为云Stack 8.X 流量模型分析（一）当内部需要提供对外服务时（如对外发布Web网站），外部地址发起主动连接，由路由器或者防火墙上的网关接收这个连接，然后将连接转换到内部，此过程是由带有公网IP的网关替代内部服务来接收外部的连接，然后在内部做地址转换，此转换称为DNAT，主要用于内部服务对外发布。内部地址要访问公网上的服务时（如Web访问），内部地址会主动发起连接，由路由器或者防火墙上的网关对内部地址做个地址转换，将内部地址的私有IP转换为公网的公有IP，网关的这个地址转换称为SNAT，主要用于内部共享IP访问外部。阅读详情



<!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
何解？？？？？？？？？？？？？？？各位帮忙看看，谢谢了！

...全文