Javascript json_encode > JSON.parse() 数组

Question

我下面的PHP代码：

echo "<img src='../images/edit.png' onclick='showEditDiv(" . json_encode($row) . ");'>";

这是 HTML 结果：

<img src='../images/edit.png' onclick='showEditDiv({"ID":"2","NAME":"John Smith","EMAIL":"johnsmith@domain.com"});'>

这里是 Javascript 代码：

function showEditDiv(data) {
  alert(data);
  data = JSON.parse(data);
  alert(data);
  for (i=0; i< data.length; i++){ 
    alert(data[i]);
  };
}

问题是我没有在 JS 参数中获得所需的数组。 第一个警报显示“[object Object]”，仅此而已，没有更多警报。 问题出在哪里？我的代码基于我在这里找到的示例。我想要的只是将一个数组传递给 JS 函数，该函数位于一个单独的 .js 文件中。我不想用 JQuery，更喜欢原生 JS。

Answer 1

您没有将 JSON 传递给函数（JSON 将是一个字符串，因此以引号结尾/开头）。你传递的是一个 JavaScript 对象字面量。看看区别：

对象字面量

{"ID":"2","NAME":"John Smith","EMAIL":"johnsmith@domain.com"}

JSON 字符串

"{\"ID\":\"2\",\"NAME\":\"John Smith\",\"EMAIL\":\"johnsmith@domain.com\"}\"
// or, easier than escaping all those quotes..
'{"ID":"2","NAME":"John Smith","EMAIL":"johnsmith@domain.com"}'

当然，出于您的目的，对象字面量可能更易于使用。在这种情况下，您只需从 JavaScript 代码中删除 JSON.parse：

function showEditDiv(data) {
    // The below won't work unless you change your input data to a
    // JS array literal..
    /* for (i=0; i< data.length; i++){ 
        alert(data[i]);
    }; */

    // ..but you can do this (though it's risky to iterate through keys
    // on an object without at least using HasOwnProperty)
    for (var key in data) {
        alert(data[key]);
    }
}

Answer 2

我想要的只是将一个数组传递给 JS 函数

这是 JS 中的对象，而不是数组。 （PHP 命名法有点奇怪。）而且你已经成功通过了。但是，当您将对象转换为字符串时（alert 必须这样做），它会显示为[object Object]。如果您想要字符串表示，请将其转换回字符串：

alert(JSON.stringify(data));

您不需要JSON.parse 它，因为它已经是一个对象 - 您已将它作为 PHP 中的文字插入，而不是作为字符串插入。事实上，在你的代码中运行 JSON.parse 应该会导致错误，这就是为什么没有更多的警报 - 代码停止，抱怨 JSON.parse 口中的坏品味。

Answer 3

JSON 是 Javascript 的子集。这意味着如果使用得当，它也是有效的 javascript。

在这种情况下，您实际上是在通过一个对象，这也是您的警报告诉您的。 JSON.parse 然后应该出错。

如果你想传递一个数组，你必须改变你的数据源。 （虽然从外观上看，数组不是必需的。）

Answer 4

{"ID":"2","NAME":"John Smith","EMAIL":"johnsmith@domain.com"} is already a json. 

这就是为什么你的alert 是[object Object]。它也不是循环数组。您可以通过这种方式获取它的数据：

function showEditDiv(data) {
  alert(data);
  alert(data.ID);
  alert(data.NAME); // etc..
}

如果你想要一个数组，这里是example。