javascript - ajax 尝试访问 d[obj].src 时返回未定义

Question

AJAX

  function ajax_json_gallery(folder) {
      alert(folder);
      var thumbnailbox = $('#thumbnailbox');
      $.ajax({
          type: "POST",
          url: "json_gallery_data.php",
          contentType: "application/x-www-form-urlencoded",
          dataType: "json",
          data: "folder=" + folder,
          success: function(d) {
              for (var obj in d) {
                  if (d.hasOwnProperty(obj)) {
                      alert(d[obj]); //access data// 
                      alert(d[obj].src); //undefined//
                  }
              }
          }
      });
  }

PHP

header('Content-Type: application/json');
$folder = "Img/Company1/Jersey1";
$dir = $folder."/";
$dirHandle = opendir($dir); 
$i = 0;
$directoryfiles = array();
while ($file = readdir($dirHandle)) {
    if(!is_dir($file) && preg_match("/.jpg|.gif|.png/i", $file)){
        $i++;
        $src = "$dir$file";
$directoryfiles[] = '"img'.$i.'":{ "num":"'.$i.'","src":"'.$src.'", "name":"'.$file.'" },';
    }
}
closedir($dirHandle);

echo json_encode($directoryfiles);

console.log(d)

[""img1":{ "num":"1","src":"Img/House1/Type1/Image1.png", "name":"Image1.png" },", 
    ""img2":{ "num":"2","src":"Img/House1/Type1/Image2.png", "name":"Image2.png" },", 
    ""img3":{ "num":"3","src":"Img/House1/Type1/Image3.png", "name":"Image3.png" },", 
    ""img4":{ "num":"4","src":"Img/House1/Type1/Image4.png", "name":"Image4.png" },"]

x3

我正在使用ajax获取文件夹目录中的所有图像，然后返回ajax，但是当我尝试访问d[o].src时，它返回未定义，我不知道我在这里缺少什么。

Answer 1

不要尝试自己编写 JSON 文本。只需创建一个关联数组或 stdClass 对象，添加适当的键/值，然后将其添加到 $directoryfiles 中。 json_encode 然后将进行正确的编码

$directoryfiles = array();
while ($file = readdir($dirHandle)) {
    if(!is_dir($file) && preg_match("/.jpg|.gif|.png/i", $file)){
        $i++;
        $src = "$dir$file";
        $temp = new stdClass;
        $temp->num = $i;
        $temp->src = $src;
        $temp->name = $file;
        $directoryfiles["img".$i] = $temp;
    }
}
closedir($dirHandle);

echo json_encode($directoryfile);