javascript - CasperJS publica solo el último elemento varias veces desde mi for-loop

loops post

Question

CasperJS es increíble, pero no está publicando en mi servidor local cuál es la salida de mi consola.

casper.wait(5000, function () {
casper.wait(1000, function () {
casper.then(function(){
for (var i = 0 ; i < 10; i++) {
var description = casper.fetchText(x(''//*[@id="acDataId-local''+i+''"]/a'')); //*[@id="acDataId-local0"]/a
console.log(description);
var target_date = casper.fetchText(x(''//*[@id="dtDataId-local''+i+''"]/text()[1]''));
console.log(target_date);
var target_location = casper.fetchText(x(''//*[@id="veDataId-local''+i+''"]''));
console.log(target_location);
console.log(i, description)
casper.then(function () {
casper.open(''http://localhost:1337/events'', {
method: ''post'',
data: {
''description'': description,
''target_date'': target_date,
''target_location'': target_location,
},
headers: {
"stuff":"stuff"
}
});
});
}
this.echo(''POST '' + i );
});
});
});
casper.run();

Console.log está produciendo exactamente cuando yo quiero, pero solo publica el último elemento. Traté de agregar casper.wait en una variedad de lugares, pero no pareció ayudar.

Answer 1

Todas las funciones then* y wait* de CasperJS son funciones de paso asíncronas y JavaScript tiene un alcance de nivel de función .

Esto significa que el bucle for se ejecuta inmediatamente y se programan varios pasos then() para que se ejecuten después de que for-loop haya finalizado por completo. En ese punto, la description variables de nivel de función, target_date , etc. tendrá el valor de la última i y i será 10. Aquí hay un ejemplo general de JavaScript de eso: cierre de JavaScript dentro de los bucles: ejemplo práctico simple

Tu también puedes

• cambie las dos llamadas casper.then() y casper.open() a una sola llamada casper.thenOpen() donde las variables de bucle se pasan directamente a la función:

  casper.thenOpen(''http://localhost:1337/events'', {
  method: ''post'',
  data: {
  ''description'': description,
  ''target_date'': target_date,
  ''target_location'': target_location,
  },
  headers: {
  "stuff":"stuff"
  }
  });

• o "cerrar" las variables para cada iteración mediante la introducción de un IIFE:

  for (var i = 0 ; i < 10; i++) {
  (function(){
  var description = casper.fetchText(x(''//*[@id="acDataId-local''+i+''"]/a'')); //*[@id="acDataId-local0"]/a
  console.log(description);
  var target_date = casper.fetchText(x(''//*[@id="dtDataId-local''+i+''"]/text()[1]''));
  console.log(target_date);
  var target_location = casper.fetchText(x(''//*[@id="veDataId-local''+i+''"]''));
  console.log(target_location);
  console.log(i, description)
  casper.then(function () {
  casper.open(''http://localhost:1337/events'', {
  method: ''post'',
  data: {
  ''description'': description,
  ''target_date'': target_date,
  ''target_location'': target_location,
  },
  headers: {
  "stuff":"stuff"
  }
  });
  });
  })();
  }