Javascript json_encode> JSON.parse()数组

我以下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.

解决方法:

您没有将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]);
    }
}

Javascript json_encode> JSON.parse()数组

相关文章