通过JSON，JQUERY，PHP进行图像预加载器

Question

我正在尝试通过php通过JSON创建自动预加载器，原因是目前没有其他预加载器适合我的目的。 我使用以下PHP代码开发了WAMP安装，其PHP版本为5.3.0和Apache版本为2.2.11。

$rootDir =  dirname(__FILE__).'/..';
$imgdir = opendir($rootDir.'/images/');
$i=0;

while ($file = readdir($imgdir))
{
if (($file != '.') && ($file != '..'))
{
$fileList[$i] = $file;
$i++;
}
}

$json=json_encode($fileList, JSON_FORCE_OBJECT);
die($json);

目前，我的Jquery已内联/嵌入（版本1.4.2），如下所示：

$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "preload/reader.php",
        dataType: "JSON",
        success: function(data){
            alert(data);
        }
    });
});

在警报框中显示以下输出； {“ 0”：“ BlueHills.jpg”，“ 1”：“ deagle_descr.jpg”，“ 2”：“ mod.jpg”}

当我想对数据做其他任何事情时，问题实际上就开始了，页面永远无法完成加载，就像卡在无限循环之内一样。 甚至只是一个简单的语句，例如document.write（data）; 它页面停留在加载状态，直到我在浏览器中单击停止。 我是JSON的新手，请帮忙

Answer 1

1. 使用getJSON
2. 在getJSON的回调函数中，开始向DOM添加标签，但默认情况下隐藏
3. 然后在需要时显示新图像