2.     // ---------------------------------------- start(clicked_button, app_path)
3.     var start = function(clicked_button, app_path) {
4.         
5.         $.ajax({
6.             type: 'POST',
7.             data: { 'app_path': app_path },
8.             url: '/app/start',
9.             context: clicked_button,
10. 
    
11.             success: function(msg) {console.log('ok go to sleep ..'); }
12.         })
13. 
    
14.         .done(function(data) {
15.             console.log(data);
16.             $(this).removeClass('btn-success');
17.             $(this).addClass('btn-danger');
18.             $(this).text('stop');
19.         })
20. 
    
21.         .fail(function(data) {
22.             console.log('failed to start the app: ' + data);
23.         })
24.     };

the request is completed successfuly, and the operation is done i expect it to be, the browser receive a 200 ok from the server, but .done() is not triggered, i have no idea way?

all i want is just abort the request once the browser receive a 200 ok, so how can i do that?