使用flexslider遍历数组

时间:2018-08-23 04:40:55

标签: javascript jquery ajax

在下面的JavaScript中,我想遍历每个数组(看起来像这样):

["apple", "microsoft", "reddit"] 

该数组可以有3个以上的值...

但是我想一次遍历每个数组(我想是有点延迟了),并且要分别放入name变量中。让我尝试更好地解释。...

我正在使用图像滑块,它具有一个“后功能”,可在幻灯片完成后触发。我正在尝试一次传递“ after function”之后传递一个数组值,并将该数组值(例如“ apple”)发送到ajax post的数据。

U。我已经进行了数小时的研究,没有运气,所以现在我需要帮助!我希望这有道理!任何帮助/反馈都非常感谢!

JavaScript     

var javascript_array = <?php echo $js_array; ?>;
console.log(javascript_array.map(a => a.company));
// Output ["apple", "microsoft", "reddit"] 

var name = '';

$(".flexslider").flexslider({
  animation: "fade",
  controlsContainer: ".flexslider",
  slideshow: true,
  keyboard: false,
  randomize: false,
  slideshowSpeed: "20000",
  controlNav: false,
  directionNav: false,

  after: function(slider){
    $.ajax({
        type: "POST",
        cache: false,
        url: "file.php",
        data: { companyName: name},
        success: function(response) {
        }
    });
  }

});
</script>

1 个答案:

答案 0 :(得分:1)

您应该记住当前项目的索引。


let array = ["apple", "microsoft", "reddit"]

let index = 0;

function callback(){
  if(index>=array.length){
    console.log('finish')
    return
  }
  let name = array[index]
  ++index;
  
  console.log({companyName: name})
}

callback()
callback()
callback()
callback()