Aufruf der Funktion in jQuery Ajax Erfolg Antwort funktioniert einmal, aber nicht zweimal

Question

Ich habe eine Seite, wo ich die Namen der Karten eingeben und die Details der Karte werden über AJAX präsentiert. Ich habe eine Menge Code in diesem Beispiel entfernt, das für das Problem nicht relevant ist, und ich habe diesen vereinfachten Code getestet und reproduziert den gleichen Fehler.

Die mysteriöse Sache ist, dass es den ersten Durchlauf durch die testSelectedCardDetails Funktion gut funktioniert. Es ruft setNameCardIsFromField in Ordnung und macht, was es tun soll. Das zweite Mal durch es stirbt mit der Konsole zeigt:

Uncaught TypeError: setNameCardIsFromField is not a function 

Was ist los? Ich weiß wirklich nicht genug darüber, wie jQuery funktioniert, um das Problem zu lösen, also wende ich mich an die Stackoverflow-Welt, die um Rettung aus diesem Wahnsinn bittet. ;)

function testSelectedCardDetails(cardName) { 

     var cardTestInfoArray = []; 

     $.ajax({ 
      url: 'includes/getCardAndSetDataViaAJAX.php',   
      type: 'POST', 
      cache: false, 
      async: false, // if set to true then the data doesn't get here fast enough to run commands in 'success' 
      dataType: 'json', 
      data: { callThis: "testSelectedCardDetails", thisCardName: cardName}, 
      error: function(data){ 
       console.log("AJAX failed to get card info."); 
      }, 
      success: function(data) {     

       $.map(data, function (value) { cardTestInfoArray = value; }); 
       cardPresentInfo['printings'] = cardTestInfoArray['printings']; 

       //automatically set setNameCardIsFrom field 
       setNameCardIsFromField(cardPresentInfo['printings']); 
      } 
     }); 
    } 

Hier ist die Funktion aufgerufen wird:

setNameCardIsFromField = document.querySelector('#setNameCardIsFrom'); 

es ist global Unter der Annahme (die in der Regel schlecht ist):

function setNameCardIsFromField(setCode) { 

     $.ajax({ 
      url: 'includes/getCardAndSetDataViaAJAX.php',   
      type: 'POST', 
      cache: false, 
      async: false, // if set to true then the data doesn't get here fast enough to run commands in 'success' 
      dataType: 'text', 
      data: { callThis: "setNameCardIsFromField", thisSetCode: setCode}, 
      error: function(data){ 
       console.log("AJAX failed to get card info."); 
      }, 
      success: function(setName) { 
       //console.log(setName); 
       setNameCardIsFromField = document.querySelector('#setNameCardIsFrom'); 
       setNameCardIsFromField.value = setName; 
      } 
     }); 
    } 

Answer 1

Sie die Funktion überschreiben.

Unrelated, aber meh on async: false, besser, es richtig zu tun als um es zu hacken, z. B. Rückruf, Versprechen, was auch immer.