如何从JSON和AJAX中的PHP获取数据？

Question

大家好，我正在用PHP提取一些数据，列出了文件夹，而在文件夹中我有一些图像。 但是我很想知道如何使用AJAX以JSON格式获取数据，以在DropDown中获取文件夹名称。

这是我正在使用的代码

JS

<html>
<head>
    <script type="text/javascript">

    function getXmlHttp(){
      var xmlhttp;
      try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
        try {
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
          xmlhttp = false;
        }
      }
      if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
      }
      return xmlhttp;
    }

    function readDir(dirName) {
        var req = getXmlHttp();
        var list = document.getElementById('subDir');  
        req.onreadystatechange = function() {
            if (req.readyState == 4) {
                if(req.status == 200) {
                    list.innerHTML = req.responseText;
                }
            }
        }
        req.open('GET', 'getList.php?data=' + dirName, true);
        req.send(null);
        list.innerHTML = 'loading...';
    }

    </script>
</head>
<body onload="readDir('');">
    <div id="subDir">

    </div>
</body>
</html>

的PHP

<?php 

$dir = "./data/";
if (strlen($_GET['data']) > 0){$dir = $_GET['data'];}
getList($dir);

function getList($name) {
    $path = realpath($name);
    $objects = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($path, FilesystemIterator::SKIP_DOTS), RecursiveIteratorIterator::CATCH_GET_CHILD);
    foreach($objects as $name => $object){
        if (filetype($name) == "dir") {
            print "<br/><a href='javascript:void' onClick='readDir(\"" . $path . "/" . basename($name) . "\")'><b>" . basename($name) . "</b></a>";
        } else {
            print "<br/><a><b>" . basename($name) . "</b></a>";
        }
    }
}

?>

在这里，您可以看到代码的工作方式： http : //tdhdemo.com/phpfetch/

Answer 1

我不确定我的问题是否对，但是您可以将列表添加到PHP中的数组中，并使用json_encode显示它。 从ajax调用接收数据时，请使用JSON.parse使其易于阅读。

如果将来要使用它们，还可以分隔文件和文件夹。

<?php 

$dir = "./data/";
if (strlen($_GET['data']) > 0){$dir = $_GET['data'];}
echo json_encode(getList($dir));

function getList($name) {
    $path = realpath($name);
    $objects = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($path, FilesystemIterator::SKIP_DOTS), RecursiveIteratorIterator::CATCH_GET_CHILD);

    $folderContent = array("directories" => array(), "files" => array());
    foreach($objects as $name => $object){
        if (filetype($name) == "dir") {
            array_push($folderContent["directories"], basename($name));
        } else {
            array_push($folderContent["files"], basename($name));
        }
    }

    return $folderContent;
}

?>

Javascript：

     function readDir(dirName) {
            var req = getXmlHttp();
            var list = document.getElementById('subDir');  
            req.onreadystatechange = function() {
                if (req.readyState == 4) {
                    if(req.status == 200) {
                        contentList = JSON.parse(req.responseText);

                        for(i in contentList["directories"]){
                           list.innerHTML = list.innerHTML + contentList["directories"][i];
                        }

                    }
                }
            }
            req.open('GET', 'getList.php?data=' + dirName, true);
            req.send(null);
            list.innerHTML = 'loading...';
        }