Javascript 使用jquery ajax和php显示时，Post和Comment不能正常工作

我正在使用post和comment屏幕，在这里我必须从其他表中提取post，并从其他表中提取与该特定post相关的注释，我使用ajaxjquery来实现这一点，但是当快速更改选项卡时 我可以说，有时comment和post并没有完全加载，但当我使用带有async:false的ajax时，它工作得非常好，但问题是浏览器会挂起几秒钟。我有没有办法知道网页的加载状态，这样我就可以把进度条放在那里，这样浏览器就不会出现挂起的情况，我已经尝试过了，完成了，但它不起作用，因为在一个ajax调用中无法检索到另一个ajax函数中有多个ajax函数，html元素还附加了jquery，我已经给出了这段代码作为示例，请提供一些帮助，感谢adbance：

<script>
$.ajax({
    type:'GET',
    url: 'get_record.php',
    dataType:'json',
    async: false,
    success:function(result){
        var mainDiv = $('#main_outer');

        $.each(result, function(key,value) {
            var box_wrapper = $('<div>').addClass('boxwrapper').appendTo(mainDiv);
        });
    },
    beforeSend: function(){
         $('.loader').show();  
    },
    complete: function(){
         $('.loader').hide(); 
    }  
});
</script>

$.ajax({
类型：'GET'，
url:'get_record.php'，
数据类型：'json'，
async:false，
成功：功能（结果）{
var mainDiv=$（'main#u outer'）；
$。每个（结果、函数（键、值）{
var box_wrapper=$（''）.addClass（'boxwrapper'）.appendTo（mainDiv）；
});
},
beforeSend:function（）{
$（'.loader'）.show（）；
},
完成：函数（）{
$（'.loader'）.hide（）；
}  
});

---

只要代码还在运行，JavaScript就会阻止页面加载/交互。通过设置

async:false

，您将冻结页面。最好使用回调函数，并通过在修改内容之前检查您的回调中的选项卡是否已更改来修复选项卡更改错误。

您能否给我一个如何使用回调的示例链接，并感谢您的回答。因为我不知道如何在这里使用回调函数，而我一直停留在这一部分。如果你能提供一些帮助