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。

Javascript json_encode＆gt; JSON.parse（）数组

4 个答案:

对象文字

JSON字符串