处理JSON对象，Ajax响应

我有这样的JSON对象：处理JSON对象，Ajax响应

[ 
    { 
     "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);

你怎么认为是处理这个最好的方法？

来源

2012-11-02 Joey Hipolito

正在接收的响应实际上是一个数组，所以你可以按如下方式处理这种情况：

解析字符串转换成一个对象，你可以在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/

来源

2012-11-02 18:40:05 f0x

@RandomBits，谢谢！ ;）我可以告诉它迟到了。 – f0x

我认为这是最好的解决方案..非常感谢你！ –

处理JSON对象，Ajax响应

回答

相关问题