Post javascript 变量到 PHP 和 return 结果在 Javascript 方法中

Question

我有一个 javascript 函数，它会在幻灯片放映中每次更改滑块时运行，检查 2 个条件：

这是幻灯片放映中的最后一张幻灯片吗？ activeIndex 小于所有幻灯片来自的数据库 table 的总记录数。

如果是，从数据库中获取另外 3 条记录，从与 javascript activeIndex 相同的编号开始，并将结果附加到滑块。

我可以将某种 post 和 return 结果转化为 mySwiper.appendSlide 方法的值吗？

    ...
    keyboardControl: true,
    onSlideNextStart: function(){          
    if ((mySwiper.isEnd == true) && (mySwiper.activeIndex < <?php echo $totalCount; ?>)) {
    mySwiper.appendSlide('***return HTML here from post***');
      }         
     }

Answer 1

你需要使用ajax:

keyboardControl: true,
onSlideNextStart: function(){          
  if ((mySwiper.isEnd == true) && (mySwiper.activeIndex < <?php echo $totalCount; ?>)) {
    $.post( 'php_that_return_sliders.php', { activeIndex :mySwiper.activeIndex }).done(function( data ) {
         mySwiper.appendSlide( data );
    });        
  }         
}

创建一个 php_that_return_sliders.php returns 滑块 html 基于 $_POST 中发送的 activeIndex。

Post javascript 变量到 PHP 和 return 结果在 Javascript 方法中

Post javascript variable to PHP and return results inside Javascript Method

javascript

php

jquery

swiper