AJAX Cierres y segmentación 'esto'

Question

En el siguiente ejemplo de código, la función de devolución exitosa registra 'entrada # 04.update' cuatro veces en lugar de cada entrada individual, lo cual tiene sentido para ver cómo funcionan los cierres, pero ¿cómo haré para cada uno? entrada individual usando esto.

<input type="text" name="" id="01" class="update"> 
<input type="text" name="" id="02" class="update"> 
<input type="text" name="" id="03" class="update"> 
<input type="text" name="" id="04" class="update"> 

function updateFields(){ 
$('input.update').each(function(){ 
    $this = $(this); 
    $.ajax({ 
     data: 'id=' + this.id, 
     success: function(resp){ 
     console.log($this); 
      $this.val(resp) 
     } 
    }); 
    }); 
} 

Answer 1

se le olvidó var

var $this = $(this); 

No se olvide var. Un programador que olvidó var se fue a la cama por la noche y se despertó para encontrar su apartamento en llamas. Añadió var y el fuego se apagó. Otro programador dejó var fuera de completamente poco antes de partir en un viaje de negocios a Europa. El avión desarrolló problemas mecánicos en vuelo poco después del despegue, lo que provocó que el piloto iniciara procedimientos de aterrizaje de emergencia. Desde su computadora portátil, el programador agregó rápidamente var y el avión lo hizo de manera segura a un aeropuerto.

No se olvide var. Si coloca var en su código, conocerá a alguien especial hoy. Intentalo. ¡Parece increíble, pero realmente funciona!

Answer 2

de correcto en var uso puntiagudo, otra alternativa es utilizar $.proxy(), así:

function updateFields(){ 
$('input.update').each(function(){ 
    $.ajax({ 
     data: 'id=' + this.id, 
     success: $.proxy(function(resp){ 
       $(this).val(resp); 
       }, this) 
    }); 
    }); 
} 

Este creador de cierre hará this referirse al elemento de entrada cuando se está dentro de la success de devolución de llamada, que es por lo general lo que está buscando ... así que no estoy seguro de por qué este no es el caso por defecto, pero en cualquier caso $.proxy() rectifica la situación.