欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ajax异步请求的使用情景

程序员文章站 2024-01-24 09:04:04
...

先上代码

var sysAllowedExts;
    $.ajax({
        url: url+"/getExtSetting",    //请求的url地址
        dataType: "json",   //返回格式为json
        async: false, //请求是否异步,默认为异步,这也是ajax重要特性
        data: {},    //参数值
        type: "GET",   //请求方式
        success: function(data, textStatus) {
            if(data.status == 1){
                /*console.log(typeof(JSON.parse(data.content)));
                console.log(JSON.parse(data.content));*/
                sysAllowedExts = JSON.parse(data.content);
            } else {
                console.log(data.content);
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log('请求发生错误:' + textStatus);
        }
    });

讨论的是async这个条件,一般情况下都是false表示同步,但是遇到要加载的信息量非常多的时候,例如加载产品信息列表,一般会加载产品图片,这时候为了用户体验,可以先加载产品的其他信息,等其它信息加载完毕后,在发起ajax请求设置async=true,异步加载产品图片。