ajax - 处理json对象，ajax响应

Question

我有这个 json 对象：

[
    {
        "company_name": "Spix Clothing Co."
    },
    {
        "company_name": "spixel"
    },
    {
        "company_name": "WebNiJose Co."
    }
]

如您所见，它是一个没有名称的对象，其中包含 3 个对象。

我想知道我应该如何处理这个问题。我希望每个都附加在<ul></ul>.

顺便说一句，这是来自 ajax 调用的响应，如下所示：

success : function(output) {
     console.log(output);
}

并且php文件会像这样触发：

echo json_encode($result);

你认为最好的处理方法是什么？

score 1 · Accepted Answer

您收到的响应实际上是一个数组，因此您可以按如下方式处理这种情况：

将字符串解析为可以在 javascript 中使用的对象：

var companyObject = JSON.parse(output);

遍历数组并提取对象属性并创建一个新<li>元素以包含例如公司名称。如果您愿意，JQuery 提供了一个自动索引供我们使用。（假设您的标记已经有<ul>一个 id 为“容器”的元素。）

var $container = $('#container');            // where to append the <li>
$.each(companyObject,function(i,company){
    var $newElement = $('<li/>');            // create a new <li> element
    $newElement.html(company.company_name);
    $container.append($newElement);          // attach the new <li> element
});

这是一个完整的例子：http: //jsfiddle.net/mNzm9/2/

ajax - 处理json对象，ajax响应

1 回答 1

Related

Reference