将全局变量分配给 jQuery post() 访问的 php 数组

Question

我对 jQuery 还很陌生（一周以来），不明白为什么我不能将 PHP (work.php) 数组分配给全局变量 imgArrayThumbs。我正在调用由 php opendir 函数创建的图像名称数组。当我alert(imgArrayThumbs);时，我只是返回[object Object]。有人可以帮忙吗？一整天都在试图弄清楚。

scripts.js

var imgArrayThumbs = '';

$.post("work.php", { task: "imgArrayThumbs" }, function(data) {
  imgArrayThumbs = data;
});

alert(imgArrayThumbs);

work.php

include_once 'scripts/functions.php';

if($_POST['task'] == 'imgArrayThumbs'){
  imageArray('source/examples/thumbs', 'imgArrayThumbs');
}
elseif ($_POST['task'] == 'imgArray'){
  imageArray('source/examples/', 'imgArray');
}

functions.php

function imageArray($dir, $arrayVar){
  $arrayName = array();

  $iNumber = 0;
  $open = opendir ($dir);
  while ($file = readdir( $open )){
    if($file == "." || $file == ".." || $file == ".DS_Store"){

    }else{ 
      $arrayName[$iNumber] = $file;
      $iNumber ++;
    }
  }
  closedir ( $open );

  for ($i = 0;$i<count($arrayName);$i++){ 
    if ($i == 0) { 
      echo "\"" . $arrayName[$i] . "\""; 
    }else{ 
      echo ",\"" . $arrayName[$i] . "\""; 
    } 
  } 
}

编辑01

工作版本：

scripts.js:< /strong>

var imgArrayThumbs = new Array();   
$.ajaxSetup({async:false});
$.ajax({
  type: 'POST',
  url: 'work.php',
  data: { task: "imgArrayThumbs" },
  success: function(data) {
    imgArrayThumbs = data;
  },
  dataType: 'json'
});

functions.php:

echo json_encode($arrayName); // without loop

Answer 1

alert() 执行 toString()。由于 jQuery 代码返回一个对象，alert 仅打印类类型 [object Object]。相反，使用 Firebug 或 IE 和 Chrome 的内置开发工具，然后执行 imgArrayThumbs = data; console.log(imgArrayThumbs) 如果您想浏览对象的内容，请检查控制台。

另外，默认情况下 jQuery 需要 JSON 结果，但您的 PHP 代码并未完全将其格式化为正确的 JSON。将其编码为 JSON 的一个更简单的解决方案是删除末尾的 for 循环，并使用 echo json_encode($arrayName); 代替。