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..
}

如果需要数组，请参见以下示例 。