jquery中ajax下设置‘正在加载’的方法

最新推荐文章于 2024-09-12 14:45:25 发布

tse_e

最新推荐文章于 2024-09-12 14:45:25 发布

阅读量9.4k

点赞数 1

分类专栏： js 文章标签： jquery ajax

本文链接：https://blog.csdn.net/tse_e/article/details/54023033

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

#  html中
#  增加这个div，用来提示。你可以设置自己想要的样式
<div id="doing"></div>

// js 中

    $.ajax({ 
        url:url, 
        type:'post', 
        data:{'type':b_type,'moneyCount':moneyCount,'shoplen':shoplen}, 
        timeout:15000, 
        // 请求发送之前（发送请求前可修改XMLHttpRequest对象的函数，如添加自定义HTTP头。）。
        beforeSend:function(XMLHttpRequest){
            $("#doing").html("正在处理，请稍后···"); 
        }, 
        // 请求成功后的回调函数
        success:function(data,textStatus){
            var result = JSON.parse(data);
            if(result.code ==  1){
                $('#qr_code').show(1500);
                $('#qr_code').attr('src',result.data);
                $('.payment_but').hide();
            }else{
                alert(result.msg);
            }
        },
        // 请求完成后的回调函数 (请求成功或失败之后均调用)
        complete:function(XMLHttpRequest,textStatus){

            $("#doing").empty(); 
        }, 
        // 请求失败时调用此函数。
        error:function(XMLHttpRequest,textStatus,errorThrown){
            $("#doing").empty(); 
        } 
    });