comment accéder à l' $(ce) à l'intérieur de l'ajax succès fonction de rappel

Il semble que je ne peux pas accéder $(ce) à l'intérieur de jquery ajax succès fonction. veuillez voir ci-dessous le code.

 $.ajax({
            type: 'post',
            url: '<?php echo site_url('user/accept_deny_friendship_request')?>',
            data: 'action='+$action+'&user_id='+$user_id,
            success: function(response){
               //cannot access $(this) here $(this).parent().remove();
            }
        });
InformationsquelleAutor Yalamber | 2010-04-15
  1. 54

    Ce qui devrait $(this) être? Si vous avez une référence à elle en dehors de cette fonction, vous pouvez la stocker dans une variable.

    $('#someLink').click(function() {
    var $t = $(this);
    $.ajax( ... , function() {
        $t.parent().remove();
    });
}
    • que faire si vous ne pouvez pas ajouter le var, car il est enveloppé dans une fonction telles que: $('.fileupload').fileupload({ dataType: 'json', start: {} ... etc
    • il devrait donc être $('.fileupload')? Si oui, alors: var $t = $('.fileupload').fileupload(...)
    • j'ai créé une question: stackoverflow.com/questions/42285542/...
    InformationsquelleAutor nickf
  2. 53

    Découvrez le cadre de l'option - fonctionne parfaitement pour moi:

    $.ajax({
    context: this,
    type: 'post',
    url: '<?php echo site_url('user/accept_deny_friendship_request')?>',
    data: 'action='+$action+'&user_id='+$user_id,
    success: function(response){
       //can access this now!
    }
});
    • Ce doit avoir été accepté réponse, qui est actuellement accepté réponse semble comme un hack
    • Je suis d'accord c'est le bon choix en fonction de la documentation. Dans mon expérience, je n'ai pas été en mesure d'utiliser le contexte de la solution lors de l'utilisation de $.post au lieu de $.ajax. Elle produit un message d'erreur: "Uncaught TypeError: Illégal invocation". Je suis en cours d'exécution jQuery v1.11.3 et de comprendre que l'invocation d'erreur est liée à la fonction prototype appelé, mais ne pouvait pas le réparer, même après de trouver la ligne qui a fait exploser. Cela semble être une différence entre $.poste et $.ajax. À l'aide d'une variable, défini à la portée des plus de la fonction, a été la solution de travail dans cette situation particulière.
    • Brian Layman - par curiosité, pourquoi ne pas utiliser $.ajax à la place?
    • Je pense que cela devrait être la accepté de répondre aussi.
    InformationsquelleAutor Enigma Plus
  3. 5

    Si vous voulez this être this dans le cadre de votre appel ajax, vous pouvez également utiliser .bind() comme suit:

    $.ajax({
  url: 'some_url'
  success: function(data) {
    //do something 'this'
  }.bind(this)
})

    Il lie la valeur de this à l'intérieur de la réussite de rappel à this à l'extérieur.

    InformationsquelleAutor Sung Cho
  4. 4

    Essayez d'appeler $.proxy, à modifier la portée de this l'intérieur de la fonction:

    $.ajax({
    success: $.proxy(function(response) { $(this).parent().bla(); }, $(this));
});
    InformationsquelleAutor Jan Jongboom
  5. 0

    Je ne peux pas voir $(this) de référencement de rien, mais de façon plus simple serait de donner à l'élément à une classe ou un id de référence et qu'à partir de jquery:

    Au lieu de:

    $(this).parent().remove();

    Que vous pouvez faire:

    $('#element_id').parent().remove();

    Remarque: Ici, je suppose que vous avez affaire à un élément/d'une itération.

    • Je n'ai pas inclus le code $(this) est le référencement. mais il serait quelque chose comme ci-dessous $('#element_id').cliquez sur(function(){$.ajax({...})});
    InformationsquelleAutor Sarfraz