ajax问题
<body>
<div id="divtest">
<div class="title">
<span class="fl">加载一段文字</span>
<span class="fr">
<input id="btnShow" type="button" value="加载" />
</span>
</div>
<ul>
<li id="divload"></li>
</ul>
</div>
<div id="divtest1">
<div class="title">
<span class="fl">加载一段文字</span>
<span class="fr">
<input id="btnShow1" type="button" value="加载" />
</span>
</div>
<ul>
<li id="divload1"></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$("#divload").ajaxStart(function(){
$(this).html("正在请求数据...");
});
$("#divload").ajaxStop(function(){
$(this).html("数据请求完成！");
});
$("#btnShow").bind("click", function () {
var $this = $(this);
$.ajax({
success: function (data) {
$this.attr("disabled","true");
$("#divtest ul").append("<li>我的名字叫：" + data.name + "</li>");
$("#divtest ul").append("<li>男朋友对我说：" + data.say + "</li>");
}
});
});
$("#divload1").ajaxStart(function(){
$(this).html("你好");
});
$("#divload1").ajaxStop(function(){
$(this).html("再见！");
});
$("#btnShow1").bind("click", function () {
var $this = $(this);
$.ajax({
success: function (data) {
$this.attr("disabled","true");
$("#divtest1 ul").append("<li>我的名字叫：" + data.name + "</li>");
$("#divtest1 ul").append("<li>男朋友对我说：" + data.say + "</li>");
}
});
});
$.ajaxSetup({
url: "http://www.imooc.com/data/info_f.php",
dataType: "json",
})
});
</script>
</body>
</html>
这里面为什么我点击其中一个加载按钮，另外一个ajaxStart()也会显示出来
