Callback function for completion of ajax request

now there is a requirement to show the load component before the request and hide the load display immediately after the request is completed. But the Ajax value provides four callback functions: beforeSend,success,error,complete. To hide the load shows the component, either in success and error to add hidden load logic, or in the complete function to add once, but in this way if an exception occurred in the success function, you will not go to the complete function, it will not be able to hide the loading component, is there any way to write only once hidden load logic? 

 $.ajax({
    url: url,
    data: this.reqSearch,
    complete:function(XMLHttpRequest,textStatus){
        that.$Spin.hide();
    },
    success: function(res) {
    ......
    },
    error: function(){
    ......
    }
 })
Javascript ajax
May.31,2021

.then (). Catch () ?

then is forced to report an error. How sick.
both then and fail go through one method? 

$.ajax({
    urL:'/',
    beforeSend: v=>console.log('beforeSend'),
    error: v=>console.log('error'),
    dataFilter: v=>console.log('dataFilter'),
    success: v=>console.log('success'),
    complete: v=>console.log('complete')
})
.then(v=>console.log('then'))
.fail(v=>console.log('fail'))

beforeSend is called before the request is sent, passing in a XMLHttpRequest as an argument.
error is called when there is an error in the request. Pass in a XMLHttpRequest object, a string describing the error type, and an exception object, if any,
dataFilter is called after the request succeeds. Pass in the returned data and the value of the "dataType" parameter. And the new data (which may have been processed) must be returned and passed to the success callback function.
success is called after the request. Pass in the returned data and a string containing the success code.
complete this function is called when the request is completed, regardless of success or failure. Pass in a XMLHttpRequest object and a string containing a success or error code.

$.ajax provides these callbacks. Your requirement complete should be the most appropriate. In other words, an exception will occur in success . Shouldn't you do debugging to avoid it? The best solution to this brain circuit is to put success and error processing codes in complete , first that.$Spin.hide (); and then according to Status .

Previous: How are vue form components reused in restful-style create and edit pages?

Next: The problem of implementing in_array in go language

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b369e9-2c020.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b369e9-2c020.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?