AJAX क्लोजर और लक्ष्यीकरण 'यह'

Question

सफलता कॉलबैक फ़ंक्शन लॉग के नीचे कोड उदाहरण में प्रत्येक इनपुट इनपुट के बजाय चार बार 'इनपुट # 04.update' लॉग करता है, जो यह समझ में आता है कि बंद कैसे काम करता है लेकिन मैं प्रत्येक को लक्षित करने के बारे में कैसे जाऊं इसका उपयोग कर व्यक्तिगत इनपुट।

<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

आप var

var $this = $(this); 

भूल मत भूलना var। एक प्रोग्रामर जो var भूल गया रात में बिस्तर पर गया और अपने अपार्टमेंट को आग लगने के लिए जाग गया। उन्होंने var जोड़ा और आग निकल गई। एक और प्रोग्रामर varपूरी तरह से यूरोप के लिए एक व्यापार यात्रा पर जाने से पहले छोड़ दिया। एयरप्लेन ने टेकऑफ के तुरंत बाद उड़ान की यांत्रिक समस्याओं का विकास किया, जिससे पायलट आपातकालीन लैंडिंग प्रक्रिया शुरू कर रहा था। अपने लैपटॉप से ​​प्रोग्रामर ने तुरंत var जोड़ा और विमान ने इसे हवाई अड्डे पर सुरक्षित रूप से बनाया।

var मत भूलना। यदि आप अपने कोड में var डालते हैं, तो आप आज किसी विशेष से मिलेंगे। कोशिश करो। यह आश्चर्यजनक लगता है लेकिन यह वास्तव में काम करता है!

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

यह बंद निर्माता this कर देगा इनपुट तत्व का उल्लेख है जब आप success कॉलबैक, जो आमतौर पर है अंदर कर रहे हैं:

Answer 2

नुकीले के var उपयोग पर सही, एक और विकल्प इस तरह $.proxy() उपयोग करने के लिए, है आप इसके बाद क्या कर रहे हैं ... इसलिए मुझे यकीन नहीं है कि यह डिफ़ॉल्ट रूप से क्यों नहीं है, लेकिन किसी भी मामले में $.proxy() स्थिति को सुधारता है।