Web アプリケーションで奇妙な問題を見つけました。初めてリクエストを行うと問題なく動作しますが、2 回目以降は AJAX からの戻りデータを受け取りません。しかし、実際には、Google Chrome を使用して「ネットワーク」タブの要素を調べると、データが返されます。
3 回目のリクエストを行うと、2 回目のリクエストの戻りデータが表示され、3 回目のリクエストは 4 回目のリクエストを行うまでデータを返しません。
これが私のコードです...
$.ajax({
cache: false,
url: 'the request url',
type: 'POST',
data: {ad_id: $(this).children('a').attr('id')},
error: function(){
alert('something wrong?');
},
success: function(response){
$('li#tmpAjaxLoader').fadeOut(function(){
console.log( response );
if( response.indexOf('inserted') != -1 ){
$(this).prev('li').fadeIn(function(){
$(this).children('a').children('img').attr('src', '". $this->imagesPath ."/btn-favourited.png');
$(this).next('li#tmpAjaxLoader').remove();
});
} else if( response.indexOf('deleted') != -1 ){
$(this).prev('li').fadeIn(function(){
$(this).children('a').children('img').attr('src', '". $this->imagesPath ."/btn-favourite.png');
$(this).next('li#tmpAjaxLoader').remove();
});
} else{
$(this).prev('li').fadeIn(function(){
$(this).next('li#tmpAjaxLoader').remove();
});
}
});
}
});