js回调与异步加载的用法

以前还是菜鸟的时候（虽然现在依然很菜 -_-|| ）对异步加载与回调函数的技术无比向往，但也一直没有使用过，这次因为页面逻辑太过复杂，一堆请求逻辑，如果还是用顺序请求，页面的速度。。。 领导又要挠头了。

人是被逼出来的，所以去研究下异步与回调，以下只是本人自己见解啊，用来自己回忆的，不喜勿喷：

额。。。额。。。算了，打字好麻烦，直接上代码吧，又不是看不懂

 

getAlarmData(prov,function(arrAlarm){
    console.log(arrAlarm);
});

function getAlarmData(areaId,callback){
    var arr = [];
    $.ajax({
        type:'GET',
        url:'url',
        dataType:'script',
        cache:false,
        async:false,
        success:function(){
            var n = alarminfo.count;
            var arrData = alarminfo.data;
            for(var i = 0;i<3;i++){
                var style = i==0 && 9 || i==1 && 7 || i==2 && 5;
                var id = areaId.substr(0,style);
                $.each(arrData,function(i,v){
                    if(v[1].split('-')[0] == id){
                        arr.push(v);
                    }
                })        
            }    
            callback(arr);
        }
    })
}