ajax请求相关

AJAX应用示例

function uploadPage() {
        $.ajax({
            url:"https://heidongbuhei.github.io/test/pages/"+pagrUrl,
            type:"get",
            data:{},
            async:true,
            dataType:"html",
            beforeSend:function(){
                $(".loading-box").show();
            },
            complete:function(){
                $(".loading-box").hide();
            },
            success:function (data) {
                console.log(data);
                $(".change-part").html(data);
 
            },
            error:function (data) {
                console.log(data.status);
            }
        })
    }

async属性：默认情况下是true，表示异步，如果是false，表示同步。

同步：当JS代码加载到当前ajax的时候会把页面里所有的代码停止加载，页面出现假死状态，当这个ajax执行完毕后才会继续运行其他代码，页面假死状态消失。

异步：当ajax发送请求后，在等在server端返回的这个过程中，前台会会继续执行ajax块后面的脚本，直到server端返回正常的结果才会执行success，这时候执行的是两个线程，ajax块发出请求后一个线程和ajax块后面脚本（另一个线程）

传统WEB模型和AJAX异步应用模型:

传统WEB模型

AJAX应用模型: