search

Home  >  Q&A  >  body text

javascript - 页面ajax加载时,出现旋转的圈,应该写在ajax代码的什么位置?

用jquery进行ajax请求,页面在进行ajax加载内容时,出现旋转的圈,这个代码应该写在ajax代码的什么位置?就像刷新浪微博那样。

PHP中文网PHP中文网2897 days ago452

reply all(7)I'll reply

  • 黄舟

    黄舟2017-04-10 17:15:42

    $.ajax({
        url:'/',
        type:'get',
        beforeSend:function () {
            // 显示loading
        },
        success:function (data) {
            // 处理数据
        },
        complete:function(){
            // 隐藏loading
        }
    });

    为什么不写到success里哪?
    因为有可能请求是会失败的,所以当失败的时候也应当关闭loading。所以最合适的就是放到complete中。这样不管是成功还是失败,只要完成请求交互就会关闭loading。

    reply
    0
  • PHPz

    PHPz2017-04-10 17:15:42

    beforeSend

    发送请求之前调用

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:15:42

    // 显示旋转的圈
    
    $.get('URL', function() {
    
        // 隐藏旋转的圈
    
    });
    

    reply
    0
  • PHPz

    PHPz2017-04-10 17:15:42

    在调用 $.ajax 之前显示,在 ajax success 后隐藏

    reply
    0
  • 迷茫

    迷茫2017-04-10 17:15:42

    在ajax执行之前,然后ajaxsuccess以后,hide掉选择的这个元素~

    reply
    0
  • 阿神

    阿神2017-04-10 17:15:42

    写在你要发送的请求前例如:$.ajax({});前面,然后在success或者error函数里再处理隐藏或者报错

    reply
    0
  • 迷茫

    迷茫2017-04-10 17:15:42

    • 在发送请求之前显示 loading

    • 如果请求成功,则在成功后,并且数据处理完成后隐藏 loading

    • 如果请求失败,或者数据处理失败,则隐藏 loading 并且显示错误信息

    reply
    0
  • Cancelreply