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

你怎麼認爲是處理這個最好的方法？

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/