2016-06-28 40 views
0

我想使用jquery啓動和停止方法出現和消失我的微調,但我似乎無法使用jQuery的ajax啓動和停止方法時,即時通訊使用fetch api。 我該如何走走呢?jQuery的Ajax啓動和停止方法與取api

$(document) 
    .ajaxStart(function() { 
     $buffer.show(); 
    }) 
    .ajaxStop(function() { 
     $buffer.hide(); 
    }) 
; 
fetch(url) 
    .then(data => data.json()) 
    .then(thisObj => writeOnTheScreen(thisObj)) 
    }) 
; 
+0

你可以做到這一點,就是在執行你的ajax調用之前顯示你的微調,並且一旦它完成(ajax調用),你可以隱藏它。 –

回答

0

試試這個,它的工作對我來說:

$(document).ajaxStop(function() { 
    $('.ui-loader').hide(); 
}); 
$(document).ajaxStart(function() { 
    $('.ui-loader').show(); 
    setTimeout(function() { 
     $('.ui-loader').hide(); 
    }, 10000); 
}); 

注意:它不工作,如果異步=假。

0

理想的情況下,它應該工作,請檢查您正在使用jQuery的版本,你應該綁定處理程序來記錄

$(document).ajaxStart(function() { 
    alert('ajax started'); 
}); 

您也可以使用第三方,Pace容易執行。

+0

我使用fetch API作爲標題說不是$ .ajax – Trip1

+0

如果您使用提取api,那麼您可以使用Promise通知它何時完成。 –