jQuery: Comment transmettre une valeur dans un appel Ajax?

Question

Je mets à jour certains div comme suit:

for(var i = 0; i < data.length; i++) { 
    var query = base_url + data[i]; 
    $.ajax({ 
     url: query, 
     type: 'GET', 
     dataType: 'jsonp', 
     timeout: 2000, 
     error: function() { self.html("Network Error"); }, 
     success: function(json) { 
      $("#li" + i).html("<img src='" + json.result.list[0].url + "' />") 
     } 
    }); 
} 

La valeur de i ne fonctionne pas dans l'appel ajax. J'essaie de passer la valeur de i pour qu'il puisse attacher l'élément à la div appropriée. Est-ce que quelqu'un peut m'aider?

Answer 1

Ok. Cela fonctionne mais aimerait vraiment si quelqu'un peut l'expliquer! Je me suis cassé la tête au-dessus de ceci en l'affichant ici juste au cas où quelqu'un en aurait besoin.

for(i = 0; i < data.length; i++) 
    fetchItem(i) 

fetchItem = function(i) { 
    var query = base_url + data[i]; 
    $.ajax({ 
     url: query, 
     type: 'GET', 
     dataType: 'jsonp', 
     timeout: 2000, 
     error: function() { self.html("Network Error"); }, 
     success: function(json) { 
      $("#li" + i).html("<img src='" + json.result.list[0].url + "' />") 
     } 
    }); 
} 

Answer 2

Avez-vous essayé i faire une variable globale:

Change:

for(var i = 0; i < data.length; i++) { 
    var query = base_url + data[i]; 
    $.ajax({ 
     url: query, 
     type: 'GET', 
     dataType: 'jsonp', 
     timeout: 2000, 
     error: function() { self.html("Network Error"); }, 
     success: function(json) { 
      $("#li" + i).html("<img src='" + json.result.list[0].url + "' />") 
     } 
    }); 
} 

à ceci:

for(i = 0; i < data.length; i++) { 
    var query = base_url + data[i]; 
    $.ajax({ 
     url: query, 
     type: 'GET', 
     dataType: 'jsonp', 
     timeout: 2000, 
     error: function() { self.html("Network Error"); }, 
     success: function(json) { 
      $("#li" + i).html("<img src='" + json.result.list[0].url + "' />") 
     } 
    }); 
} 

Aussi je suis d'accord avec Nick. Vous pouvez d'abord faire une boucle puis envoyer le tableau (JSON) côté serveur à traiter. De cette façon, l'application sera beaucoup plus sensible.

Answer 3

Je pense que votre problème a trait à la portée.

Vous devriez envelopper la ce qui est dans la boucle en fonction

for(var i = 0; i < data.length; i++) { 
    doAjax(i); 
} 

function doAjax(i) { 
var query = base_url + data[i]; 
    $.ajax({ 
     url: query, 
     type: 'GET', 
     dataType: 'jsonp', 
     timeout: 2000, 
     error: function() { self.html("Network Error"); }, 
     success: function(json) { 
      $("#li" + i).html("<img src='" + json.result.list[0].url + "' />") 
     } 
    }); 
} 

La valeur i pour la fonction de fermeture de success est correctement lié seulement quand il est dans une boucle.

Cela devrait fonctionner. Bonne chance.