Одд ошибка в моей JQuery, кажется, чтобы предотвратить событие от стрельбы

Question

У меня есть запрос Ajax следующим образом:

jQuery.ajax({ 
    type: 'GET', 
    url: '/logical_interface/delete', 
    context: this, // had to add this to get the line in the success function to work, never used it before nor do I understand why it works 
    data: 'id=' + id, 
    beforeSend: function() { 
     // jQuery(this).parent().html('processing...'); 
     // if this line is uncommented then the DOM will be updated correctly 
     // but the snippet in the success function won't fire but the delete 
     // is still executed on the server side 
     // the page is then stuck with the 'processing' text 
    }, 
    success: function(data) { 
     jQuery(this).closest('tr').stop().animate({ backgroundColor: '#ffc6be' }, 'fast').hide('slow'); 
    } 

}); 

Update

стороне сервера код просто следующий метод Rails:

def delete 
    @logical_interface = LogicalInterface.find(params[:id]) 
    @logical_interface.destroy 
    render :text => '1' // which is what I get in console.log 
end 

Answer 1

Как указано в комментариях, причина, по которой ваш успех может не работать, заключается в том, что вы удалили узел $ (this).

Что вы делаете в своей функции beforeSend, идет на один уровень и заменяет ВСЕ HTML с «обработкой ...». Это, в свою очередь, удалило вашу контрольную точку jQuery(this) из DOM до того, как будет достигнут случай успеха. если jQuery(this) удален, ничего не происходит (очевидно).

Вместо того чтобы переписать весь html с помощью Обработки, могу ли я предложить вам скрытый элемент, пока вы не активируете ajax и не покажете его перед отправкой и не скроете его с помощью полной функции.