Ajax-вызов не отображает сообщение о статусе в div

Question

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

// Mensagem para o dono do anúncio 
$('#formulario_anunciante').on('submit', function (e) { 
    e.preventDefault(); 

    $.ajax({ 
     type: 'POST', 
     url: '/auto/usuario/send_contact_email', 
     dataType: 'json', 
     cache: false, 
     data: $(this).serialize(), 
     success: function (data) { 
      // It reaches here 
      console.log(data); 
      // 
      if (data.type === 'success') { 
       $(this).find('div.msg').removeClass().addClass('msg alerta_sucesso').html(data.msg).fadeIn().delay(5000).fadeOut(); 
      } else { 
       $(this).find('div.msg').removeClass().addClass('msg alerta_erro').html(data.msg).fadeIn().delay(5000).fadeOut(); 
      } 
     } 
    }); 
}); 

Кода достижение console.log, показывая в консоли возвращенного сообщения, но ничего с div.msg тегом в моей форме не делать. Это точно в #formulario_anunciante. Кроме того, в целях тестирования я попытался удалить класс msg, но тег, похоже, недоступен.

Я уже пытался добавить JSON.parse(data) и удалить dataType: 'json', но ничего не работает.

Answer 1

this внутри функции обратного вызова, больше не referrs в #formulario_anunciante, так как он выходит за рамки. Вам нужно сменить селектор:

var $this = $('#formulario_anunciante') 
if (data.type === 'success') { 
       $this.find('div.msg').removeClass().addClass('msg alerta_sucesso').html(data.msg).fadeIn().delay(5000).fadeOut(); 
      } else { 
       $this.find('div.msg').removeClass().addClass('msg alerta_erro').html(data.msg).fadeIn().delay(5000).fadeOut(); 
      } 

Answer 2

В функции successthis относится к объекту AJAX. Поэтому постарайтесь, чтобы сделать копию исходной переменной $this и использовать его как это:

$('#formulario_anunciante').on('submit', function (e) { 
    e.preventDefault(); 
    $this = $(this); 
    $.ajax({ 
    type: 'POST', 
    url: '/auto/usuario/send_contact_email', 
    dataType: 'json', 
    cache: false, 
    data: $(this).serialize(), 
    success: function (data) { 
     // It reaches here 
     console.log(data); 
     // 
     if (data.type === 'success') { 
     $this.find('div.msg').removeClass().addClass('msg alerta_sucesso').html(data.msg).fadeIn().delay(5000).fadeOut(); 
     } else { 
     $this.find('div.msg').removeClass().addClass('msg alerta_erro').html(data.msg).fadeIn().delay(5000).fadeOut(); 
     } 
    } 
    }); 
});