Дополнительное действие на успешный пост ajax

Question

У меня есть модальный с формой. При нажатии кнопки с модальным я посылаю пару значений другому файлу php, который имеет скрипт для добавления значений в мой db.

Мне нужно сделать некоторые манипуляции с моделями после сохранения значений. Я попытался это, но не кажется, что это будет работать, даже Thos я не получаю ошибки и значения, хранящиеся в моей БД ОК ...

$(document).on('click', '.addNumber', function() { 
    var newNum = $('input#newNumber').val(); 

    $.ajax({ 
     type: 'POST', 
     url: '/addNewPhoneNumber.ajax', 
     data: { 
      'bid' : bid, 
      'nbr' : newNum 
     }, 
     dataType : 'json' 
    }).done(function() { 
     $(this).addClass('none'); 
     $('#newNumber').remove(); 
    }); 
}); 

Что мне не хватает?

Answer 1

$ (это) в проделанной функции не кнопка вам нужно что-то вроде этого

$(document).on('click', '.addNumber', function() { 
    var newNum = $('input#newNumber').val(); 
    var that = $(this); 
    $.ajax({ 
     type: 'POST', 
     url: '/addNewPhoneNumber.ajax', 
     data: { 
      'bid' : bid, 
      'nbr' : newNum 
     }, 
     dataType : 'json' 
    }).done(function() { 
     that.addClass('none'); 
     $('#newNumber').remove(); 
    }); 
}); 

Answer 2

(this) не работает внутри ajax request, потому что он переписывается ajax. Так назначить object это на новую переменную перед ajax request и затем использовать эту переменную вместо $(this)