Question

我正在尝试解析一些非常基本的JSON，但我不知道在尝试将其显示在屏幕上时我出错了。

我没有正确地抓取数据，例如“data.re1Code”？我希望有人可以对我的基本问题说清楚。

JSON数据

[
    {
        "rep1FullName": "Justin Giesbrecht",
        "rep1Code": "dc",
    }
]

的Javascript

$.ajax({
  type: "GET",
  url: "testJSONData.php",
  dataType: "json",
  success: function(data) {

  $("#output").append(data.rep1FullName);

},
  error: function () { alert("Error"); }
}); // End of generated json

Answer 1

括号[]使数据成为JSON数组，并将您的对象作为第0个元素，以便“Justin Giesbrecht”使用代码：$("#output").append(data[0].rep1FullName);或删除括号并生成JSON：

{
        "rep1FullName": "Justin Giesbrecht",
        "rep1Code": "dc",
    }

Answer 2

您的数据是一个数组。

所以你想要

$("#output").append(data[0].rep1FullName);

Answer 3

您正在返回一个jSon数组，因此您需要通过data[0].rep1FullName访问它或者返回如下所示的jSon，然后使用data.rep1FullName

{
    "rep1FullName":"Justin Giesbrecht",
    "rep1Code":"dc"
}

Answer 4

此外，从对象表示法中删除最后一个逗号。

[
    {
        "rep1FullName": "Justin Giesbrecht",
        "rep1Code": "dc" // <-- No comma, breaks in IE if you have a comma.
    }
]

其他一些海报也这样做了，但没有提到它。

使用JSON解析的基本jQuery

4 个答案: