2

这是我在页面上显示相册的代码的一部分。如果我这样调用函数

<?php   
    for ($key_Number = 0; $key_Number < count($album); $key_Number++) {
    echo '<a href="#" onclick="return false" onmousedown="ajax_json_gallery("gallery1)">Gallery1</a><br>';
    }
    ?>

<script type="text/javascript">ajax_json_gallery('gallery1');</script>

它工作正常。gallery1 是我服务器上的一个文件，里面有测试照片。如果我这样称呼它

<?php   
    for ($key_Number = 0; $key_Number < count($album); $key_Number++) {
    echo '<a href="#" onclick="return false" onmousedown="ajax_json_gallery($album[$key_Number])">'.$album[$key_Number].'</a><br>';
    }
    ?>

<script type="text/javascript">ajax_json_gallery($album[$key_Number]);</script>

它不起作用。我究竟做错了什么？有任何想法吗？我需要根据用户传递不同的字符串，所以我需要给它一个变量。是的，我的数组 $album 确实包含正确的文件夹名称。

这是被调用的函数。

<script type="text/javascript">

function ajax_json_gallery(folder){
    var thumbnailbox = document.getElementById("thumbnailbox");
    var pictureframe = document.getElementById("pictureframe");
    var hr = new XMLHttpRequest();
    hr.open("POST", "json_gallery_data2.php", true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {

        if(hr.readyState == 4 && hr.status == 200) {
            var d = JSON.parse(hr.responseText);
            pictureframe.innerHTML = "<img src='"+d.img1.src+"'>";
            thumbnailbox.innerHTML = "";

            for(var o in d){
                if(d[o].src){
                thumbnailbox.innerHTML += '<div onclick="putinframe(\''+d[o].src+'\')"><img src="'+d[o].src+'"></div>';
                }
            }
        }
    }
hr.send("folder="+folder);
thumbnailbox.innerHTML = "requesting...";
}

function putinframe(src){
    var pictureframe = document.getElementById("pictureframe");
    pictureframe.innerHTML = '<img src="'+src+'">';
}

这是获取照片的页面 json_gallery_data2.php

<?php

header("Content-Type: application/json");
$folder = $_POST["folder"];
$jsonData = '{';
$dir = $folder."/";
$dirHandle = opendir($dir); 
$i = 0;

while ($file = readdir($dirHandle)) {
    if(!is_dir($file) && preg_match("/.jpg|.gif|.png/i", $file)){
        $i++;
        $src = "$dir$file";
        $jsonData .= '"img'.$i.'":{ "num":"'.$i.'","src":"'.$src.'", "name":"'.$file.'" },';
    }
}
closedir($dirHandle);
$jsonData = chop($jsonData, ",");
$jsonData .= '}';
echo $jsonData;
?>
4

2 回答 2

1

这是混合服务器端和客户端代码：

ajax_json_gallery($album[$key_Number]);

变量$album和$key_number没有在 JavaScript 中定义，所以它不能使用它们。（我确定当它“不工作”时，它实际上是在 JavaScript 控制台上告诉您这些变量没有定义。）

要从 PHP 发出值，您需要用<?php ?>标签将它们包围起来。此外，由于它是 JavaScript 中的字符串，因此需要在 JavaScript 中将其括在引号中。像这样的东西：

ajax_json_gallery('<?php echo $album[$key_Number]; ?>');
于 2013-10-04T18:49:28.303 回答
0

第一个：

$key_Number您的服务器上的变量：

<script type="text/javascript">ajax_json_gallery($album[$key_Number]);</script>

包含count($album)数组中不存在的值。

第二：

如果您尝试在此行中输出 php 值：

<script type="text/javascript">ajax_json_gallery($album[$key_Number]);</script>

然后尝试将输出包含在<?php ?>标签中：

<script type="text/javascript">ajax_json_gallery('<?php echo $album[$key_Number]; ?>');</script>

第三：

单引号不允许解析字符串中的变量。

echo '<a href="#" onclick="return false" onmousedown="ajax_json_gallery($album[$key_Number])">'.$album[$key_Number].'</a><br>';

这条 ^ 行不符合您的预期。

尝试使用双引号：

echo "<a href=\"#\" onclick=\"return false\" onmousedown=\"ajax_json_gallery({$album[$key_Number]})\">{$album[$key_Number]}</a><br>";
于 2013-10-04T18:49:32.037 回答