Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/259.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuer Slick滑块数据每秒通过setInterval从Ajax获取_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript jQuer Slick滑块数据每秒通过setInterval从Ajax获取

Javascript jQuer Slick滑块数据每秒通过setInterval从Ajax获取,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我正在使用jQuerySlick滑动文本。参考: 现在,我希望使用jQuery Ajax自动刷新每秒setInterval从数据库动态获取数据 JS 而且JS很光滑 $('.lazy').slick({ slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 5000, }); HTML 当前情况是所有数据都将直接显示。我想要的是数据将单独显示在幻灯片上 有

我正在使用jQuerySlick滑动文本。参考:

现在,我希望使用jQuery Ajax自动刷新每秒
setInterval
从数据库动态获取数据

JS

而且JS很光滑

$('.lazy').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 5000,
    });
HTML


当前情况是所有数据都将直接显示。我想要的是数据将单独显示在幻灯片上


有可能吗?

如果我没听错的话。您希望每秒只录制一条记录,但不希望录制相同的记录

因此,首先,如果您希望每次都不一样,那么您需要这样做:

    var offset = 0;
    setInterval(function()
    {
        $.ajax(
        {
            url: "test",
            type: "POST",
            data:
            {
                offset: offset
            },
            dataType: "JSON",
            success: function (jsonStr)
            {
                offset += 1;

                $('.card').empty();

                $('.card').append(jsonStr.runningText);

            }
        });
    }, 1000);
然后是PHP

$offset = isset($_POST['offset']) ? $_POST['offset'] : 0;

$q = mysqli_query($con, "
SELECT * FROM tb_running_texts ORDER BY date_time DESC LIMIT 1 OFFSET $offset
");

while($dQ = mysqli_fetch_array($q))
{
    $runningText[] = $dQ['running_text'];
}

$data = array(
    "runningText"     => $runningText
);

echo json_encode($data);
若要随机获取每次,则不需要偏移,请更改行

SELECT * FROM tb_running_texts ORDER BY date_time DESC LIMIT 1 OFFSET $offset 

    var offset = 0;
    setInterval(function()
    {
        $.ajax(
        {
            url: "test",
            type: "POST",
            data:
            {
                offset: offset
            },
            dataType: "JSON",
            success: function (jsonStr)
            {
                offset += 1;

                $('.card').empty();

                $('.card').append(jsonStr.runningText);

            }
        });
    }, 1000);
$offset = isset($_POST['offset']) ? $_POST['offset'] : 0;

$q = mysqli_query($con, "
SELECT * FROM tb_running_texts ORDER BY date_time DESC LIMIT 1 OFFSET $offset
");

while($dQ = mysqli_fetch_array($q))
{
    $runningText[] = $dQ['running_text'];
}

$data = array(
    "runningText"     => $runningText
);

echo json_encode($data);
SELECT * FROM tb_running_texts ORDER BY date_time DESC LIMIT 1 OFFSET $offset 
SELECT * FROM tb_running_texts ORDER BY RAND() LIMIT 1