Ajax幻灯片显示没有显示任何内容

嗨，我正在使用此代码从文件夹中获取新图像以填充幻灯片。

在每个循环之后，ajax应该检查文件夹的内容以查看是否有任何内容

更改（添加或删除图片），然后在下一个周期，它应该进行新的更改

幻灯片

     #slideshow #slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } #slide {width: 370px; height: 220px; padding: 0; margin: 0 auto; } #myslides { width: 370px; height: 220px; padding: 0; margin: 0 auto; } #myslides img { padding: 10px; border: 1px solid rgb(100,100,100); background-color: rgb(230,230,230); width: 350px; height: 200px; top: 0; left: 0 }        $(document).ready(function(){ $('#slideshow').cycle({ fx: 'fade', speed: 700, timeout: 8000 }); });   
    $(function(){ window.onload("fetchImages()", 2); function fetchImages() { $.ajax({ type: "GET", url: "load.php" }).done(function(response){ var curImgCount = $('#slideshow img').length; if (response.length > curImgCount) { for (var i = curImgCount; i < response.length; i++) { $('#slideshow').append('<img src="images/' + response[i] + '"'); } } }); } });  

和php的内容：

Answer 1

将您的PHP更改为：

和你的HTML：

Answer 2

我正在测试这段代码，它工作正常，但为什么刷新元标记？ AJAX不是要防止这种情况发生并让它变得动态吗？ 此外，最大的问题是您需要设置一个不太长的元刷新时间，这样图像不会花费太长时间来反映添加或删除时的情况，也不会太短以至于无法阻止某些图像显示（不可避免地在一点）。