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

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

2 个答案: