调用带有参数的函数作为字符串不起作用

Question

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

<?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;
?>

Answer 1

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

ajax_json_gallery($album[$key_Number]);

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

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

ajax_json_gallery('<?php echo $album[$key_Number]; ?>');

Answer 2

第一：

$key_Number varibale 在您的服务器上的行：

<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>";