Passer de la variable à la fonction AJAX de jquery succès de rappel

Depuis les paramètres de l'objet est lié à cet appel ajax, vous pouvez simplement ajouter dans l'indexeur comme une propriété personnalisée, que vous pouvez ensuite accéder à l'aide de this dans la réussite de rappel:

//preloader for images on gallery pages
window.onload = function() {
    var urls = ["./img/party/","./img/wedding/","./img/wedding/tree/"];

    setTimeout(function() {
        for ( var i = 0; i < urls.length; i++ ) {
            $.ajax({
                url: urls[i],
                indexValue: i,
                success: function(data) {
                    image_link(data , this.indexValue);

                    function image_link(data, i) {
                        $(data).find("a:contains(.jpg)").each(function(){ 
                            console.log(i);
                            new Image().src = urls[i] + $(this).attr("href");
                        });
                    }
                }
            });
        };  
    }, 1000);       
};

Edit: en Ajoutant à une mise à jour de JSFiddle exemple, comme ils semblent l'avoir changé la façon dont leur ÉCHO des points de terminaison de travail: https://jsfiddle.net/djujx97n/26/.

De comprendre comment cela fonctionne, voir le "contexte" de terrain sur la ajaxSettings objet: http://api.jquery.com/jquery.ajax/, plus particulièrement, la présente note:

"La this de référence dans tous les rappels est l'objet dans le cadre de l'option passée à $.ajax dans les paramètres; si le contexte n'est pas
spécifié, c'est une référence à l'Ajax paramètres eux-mêmes."

Vous pouvez également utiliser indexValue attribut pour passer plusieurs paramètres via l'objet:

var someData = "hello";

jQuery.ajax({
    url: "http://maps.google.com/maps/api/js?v=3",
    indexValue: {param1:someData, param2:"Other data 2", param3: "Other data 3"},
    dataType: "script"
}).done(function() {
    console.log(this.indexValue.param1);
    console.log(this.indexValue.param2);
    console.log(this.indexValue.param3);
}); 

Je le fais de cette façon:

    function f(data,d){
    console.log(d);
    console.log(data);
}
$.ajax({
    url:u,
    success:function(data){ f(data,d);  }
});

J'ai rencontrer le problème récemment. Le problème vient lorsque le nom de fichier de longueur est greather de 20 caractères.
Donc, la voie de contournement est de changer votre nom de fichier de la longueur, mais le truc, c'est également un bon.

$.ajaxSetup({async: false}); //passage en mode synchrone
$.ajax({
   url: pathpays,
   success: function(data) {
      //debug(data);
      $(data).find("a:contains(.png),a:contains(.jpg)").each(function() {
         var image = $(this).attr("href");
         //will loop through
         debug("Found a file: " + image);
         text +=  '<img class="arrondie" src="' + pathpays + image + '" />';
      });
      text = text + '</div>';
      //debug(text);
   }
});

Après une enquête plus approfondie le problème vient de requête ajax:
Mettre un œil sur le code html retourné par ajax:

<a href="Paris-Palais-de-la-cite%20-%20Copie.jpg">Paris-Palais-de-la-c..&gt;</a>
</td>
<td align="right">2015-09-05 09:50 </td>
<td align="right">4.3K</td>
<td>&nbsp;</td>
</tr>

Comme vous pouvez le voir, le nom de fichier est découpé après le caractère de 20, de sorte que le $(data).find("a:contains(.png)) n'est pas en mesure de trouver la bonne extension.

Mais si vous vérifiez la valeur de la href paramètre le contenu est le nom complet du fichier.

Je ne sais pas si je peux demander à l'ajax pour renvoyer le nom de fichier dans la zone de texte?

Espère être clair

J'ai trouvé le test de rassembler tous les fichiers:

$(data).find("[href$='.jpg'],[href$='.png']").each(function() {  
var image = $(this).attr("href");