1. 程式人生 > >使用ajaxSetup()為ajax請求瘦身

使用ajaxSetup()為ajax請求瘦身

當頁面有很多ajax請求,且這些請求的引數比如url、type、dataType都一樣,你會在每個請求裡把這些引數都寫一遍還是另闢蹊徑?

其實ajax有一個ajaxSetup方法,它就是用來設定全域性ajax預設選項的。有了它,再也不用在每個ajax請求中把相同的引數都寫一遍了。

coding time

$.ajaxSetup({
    url: '/api/',
    type: 'post',
    dataType: 'json',
    error: function() {
        alert('呼叫介面失敗');
        return false;
    }
});

此外,還有一個經常遇到的場景——在每次請求開始的時候,需要顯示一個loading動畫,當請求結束時動畫隱藏。對於這個,jQuery也是有封裝好了的方法供我們去使用噠。

coding time

$('#loading').ajaxStart(function(){
    $(this).show();
}).ajaxStop(function(){
    $(this).hide();
});