Javascript Girl
  1. Javascript Girl
  3. Javascript, $ .ajax, nom de variable
Intereting Posts
HTML5 définissant la source audio en javascript ne fonctionne pas Convertir un nombre en chaîne de caractères le plus court possible tout en conservant l'unicité JQuery html () agissant très lentement Passer des données entre les contrôleurs dans JL angulaire? Accès à un objet DOM défini dans un fichier SVG externe Dans Angularjs, comment puis-je utiliser ng-repeat, ng-model et ng-click pour modifier dynamiquement le contenu? Comment simuler la saisie dans le champ de saisie en utilisant jQuery? Webgl, coordonnées de texture et obj Comment puis-je sélectionner l'élément le plus intime? Obtention d'un attribut data- * pour l'événement onclick pour un élément html Jquery tablesorter icônes de flèche CSS Problème avec évaluation Comment calculer les coefficients de polynôme en utilisant l'interpolation Lagrange Héritage parasitaire en Javascript utilisant une approche purement prototypique Comment empêcher de soumettre si les entrées sont vides avec javascript

Javascript, $ .ajax, nom de variable

J'essaie d'itérer sur un tableau et d'affecter une variable avec une boucle for. Donc, quelque chose comme ça: 

function Person(name, status){ this.name = name; this.status = status; } var status = []; var array = ["bill","bob","carl","ton"]; function exAjax(function(){ for(var i = 0; i < array.length; i++){ var name = array[i]; console.log(name); =====> this gives the correct name $.ajax({ url: xxxxxxx, success: function(data){ if(data.stream === null){ var person = new Person(name, "dead"); console.log(name); =====> return undefined until the last person status.push(person); } } }) name = ""; } })

Le problème que j'en ai est que ce nom n'entre pas dans la fonction de réussite. Je pensais que js continue de voyager vers le haut pour rechercher la variable si elle n'existe pas dans sa portée actuelle Je ne suis pas défini pour la variable de nom si j'essaie de créer le nom de console.log. La portée maîtrise ce que je fais mal?

Vous pouvez utiliser .queue() , $.map() pour maintenir la portée du name . De plus, modifiez le tableau d' status à un objet ayant un status propriété où la valeur est un tableau afin d'éviter tout conflit avec this.status of Person object.

Notez que vous pouvez également chaîner .promise(/* queueName */) pour effectuer des tâches à .then() lorsque toutes les fonctions en attente dans queueName , ieg, "status" ont été appelées, queueName .length est 0 . 

 function Person(name, status){ this.name = name; this.status = status; } var blob = new Blob(['{"stream":null}'], {type:"application/json"}); var url = URL.createObjectURL(blob); // change `status` array reference, eg, to `arr` var arr = {status:[]}; var array = ["bill","bob","carl","ton"]; $(arr).queue("status", $.map(array, function(curr) { return function(next) { var name = curr; // do asynchronous stuff $.ajax({url:url, dataType:"json"}) .then(function(data) { if(data.stream == null){ var person = new Person(name, "dead"); console.log(name, person); arr.status.push(person); } }) .then(next) // call next function in `"status"` queue } })) .dequeue("status") .promise("status") // do stuff when all functions in `"status"` queue have completed, // `"status"` queue `.length` is `0` .then(function() { // `this` : `arr` as jQuery object // `this[0].status`: array containing objects pushed to `arr.status` console.log(this[0].status); // $(this).prop("status"); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>

C'est parce que $.ajax effectue une requête HTTP (Ajax) asynchrone. Cela signifie que votre boucle for attend pas que la success terminée. Au lieu de cela, il continuera avec son itération.

Une façon (des nombreuses solutions possibles) est de rendre cette $.ajax synchronous avec l'option async: false

De la documentation

Async (par défaut: true)
Type: Boolean
Par défaut, toutes les requêtes sont envoyées de manière asynchrone (c'est-à-dire que cette valeur est définie par défaut par défaut). Si vous avez besoin de requêtes synchrones, définissez cette option sur false. 

  for(var i = 0; i < array.length; i++){ var name = array[i]; console.log(name); =====> this gives the correct name $.ajax({ url: xxxxxxx, async: false, success: function(data){ if(data.stream === null){ var person = new Person(name, "dead"); console.log(name); =====> return undefined until the last person status.push(person); } } }) name = ""; } })