JSON 到 JavaScript

Question

我正在尝试使用 JSON，我从服务器获取信息，所以我编写了这个 PHP 文件：

     include("db_connect.php");

      mysql_connect($host,$username,$password);
      @mysql_select_db($database) or die( "Unable to select database");

      $result = mysql_query("SET NAMES utf8");
      $query = "SELECT * FROM models WHERE models.product_id='".$product_selected."'";
      $result = mysql_query($query);
      $json_object =  "{ \"model\": [";

       while($result_row = mysql_fetch_row($result)) {
         $json_object .= " {\"model_name\" : \"".$result_row[1]."(".$result_row[2].")";
         $json_object .= "\"},";

        }
           $json_object = substr($json_object,0,strlen($json_object)-1);
           $json_object .= " ]};";

           echo  json_encode($json_object);

？>

PHP 文件的输出采用 JSON 格式，如下所示：

{ "model":
           [
              {"model_name" : "xxxxx "},
              {"model_name" : "xxxxx "},
              {"model_name" : "link2(U)"},
              {"model_name" : "xxxxx)"}
           ]
  };

但我在 Ajax 中得到如下响应：

var my_JSON_object = {};
var xmlHttp = createXmlHttpRequestObject();
  try {
         xmlHttp.open("GET", "ajaxproduct_new.php?product_id=" product_id,true);
         xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
              my_JSON_object = JSON.parse( xmlHttp.responseText );

             alert(my_JSON_object.model[0].model_name);
              }
  }
             xmlHttp.send(null);

   } catch (e){
           alert("Can't connect to server:\" e.toString());
}

但是当我对 my_JSON_object.model[0].model_name 发出警报时，它显示错误为 my_JSON_object.model 未定义。

为什么会这样来呢？我已经尝试了所有的东西。有人可以告诉我吗？

Answer 1

您正在创建一个看起来像 JSON 的字符串并将其传递给 json_encode，这是错误的。 json_encode 接受一个对象或数组。因此，创建一个数组而不是字符串：

$data = array();

while(($result_row = mysql_fetch_row($result))) {
    $data = array('model_name' => $result_row[1] . '(' . $result_row[2] .')');
}

echo json_encode(array('model' => $data));

您的 JavaScript 代码看起来没问题。

Answer 2

在知道 data 是什么之前尝试对 data.model[0].model_name 做任何事情对我来说听起来很糟糕。即使只是为了测试某些东西，eval也不会真正帮助你。

因此，调试的第一步是警告 xmlHttp.responseText 变量！

• 如果它看起来不像您期望的那样，那么服务器就是问题所在。

• 如果它看起来确实像您期望的那样，那么您的客户端存在一些问题（或者您错过了有关 json 中有效内容的一些内容）。

话虽这么说，菲利克斯的答案可能是正确的选择。

Answer 3

尝试以下代码行
var data = eval("(" + xmlHttp.responseText + ")");
警报（数据.模型[0].模型名称）