Javascript jQuer Slick滑块数据每秒通过setInterval从Ajax获取
我正在使用jQuerySlick滑动文本。参考: 现在,我希望使用jQuery 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 当前情况是所有数据都将直接显示。我想要的是数据将单独显示在幻灯片上 有
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