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);

您认为如何处理这个问题的最佳方式？

Answer 1

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

将字符串解析为可在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/

处理json对象，ajax响应

1 个答案: