Question

This post使用获取服务器文件列表作为示例提供示例代码。这是我使用的代码：

<html lang="en-US">
<head>
  <meta charset="UTF-8">
    <title>How to create form using jQuery UI</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/pepper-grinder/jquery-ui.css" media="screen" rel="stylesheet" type="text/css">  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(function() {
    $.get('getfilename.php', { dir : '/ajax1/' }, function(data) {
        // you should now have a json encoded PHP array

        $.each(data, function(key, val) {
            alert('index ' + key + ' points to file ' + val);

        });
    }, 'json');
    alert ("ok");
});

    </script>
</head>
<body>
<h1>Get file names... </h1>
</body>
</html>

getfilename.php

$dir = $_REQUEST['dir'] ;
$dir = $_SERVER['DOCUMENT_ROOT'] . $dir;

$filesArray = array(); 
$Counter = 0; 
$files = scandir($dir); 

foreach ($files as &$file) { 
    if ($file!='.' && $file!='..' ) { 
        $filesArray[$Counter] = $file; 
        echo $filesArray[$Counter].''; 
        $Counter++;
    }
} 

echo json_encode($filesArray);

我的问题是javascript alert alert('index ' + key + ' points to file ' + val);无法在页面上显示任何内容。该脚本正在运行，因为我在Firebug控制台日志中收到了响应。

ajax.jsajax.phpindex.html["ajax.js","ajax.php","index.html"]

我需要在脚本上更改以将此信息返回到html页面，以便我可以使用JSON进行进一步处理？

感谢。

Answer 1

通过调试，您在PHP中打破了JSON输出。所以，删除：

echo $filesArray[$Counter].'';

此外，在任何输出之前，您应该添加JSON标题：

header('Content-Type: application/json');

最后，您的PHP文件应如下所示：

$dir = $_REQUEST['dir'] ;
$dir = $_SERVER['DOCUMENT_ROOT'] . $dir;

$filesArray = array(); 
$files = scandir($dir); 

foreach ($files as &$file) { 
    if ($file!='.' && $file!='..' ) { 
        $filesArray[] = $file; 
    }
}
header('Content-Type: application/json');
echo json_encode($filesArray);

Javascript调用php函数并收到返回结果

1 个答案: