Добрый день, проблема в следующем:
есть 2 простейших ajax-запроса. при первом вызове одного из них всё нормально, но когда запускаю второй происходит глюк - события ajaxStart и ajaxComplete срабатывают для обоих случаев. хотя это не глюк, а моё незнание сути. Помогите пожалуйста исправить.
<script language="JavaScript">
<!--
function aa()
{
$.getJSON('ajax_backend/back.php', {'name': 'basist'}, function(json)
{
$('#intro').html('');
$('#intro').append('Name: ' + json.note.name + '<br/>');
});
$("#loading").ajaxStart(function(){
$("#message").hide();
$(this).show();
});
$("#message").ajaxComplete(function(){
$("#loading").hide();
$(this).show();
});
}
function aa2()
{
$.getJSON('ajax_backend/back.php', {'name': 'basist'}, function(json)
{
$('#intro2').html('');
$('#intro2').append('Name: ' + json.note.name + '<br/>');
});
$("#loading2").ajaxStart(function(){
$("#message2").hide();
$(this).show();
});
$("#message2").ajaxComplete(function(){
$("#loading2").hide();
$(this).show();
});
}
//-->
</script>
<div id="intro"></div>
<div id="loading" style="display: none">Идёт загрузка</div>
<div id="message" style="display: none">ОК</div>
<a href="#" id="q" onclick="javascript:aa()">Click</a>
<div id="intro2"></div>
<div id="loading2" style="display: none">Идёт загрузка2</div>
<div id="message2" style="display: none">ОК2</div>
<a href="#" id="q2" onclick="javascript:aa2()">Click2</a>
