如何遍历返回的JSON数据

Question

目前，我正在自定义Joomla组件中创建JSON表单，该组件会调用函数以获取一系列邮政编码，然后将其返回给视图。 然后，我想遍历所有返回的邮政编码以显示它们。 我似乎无法使jQuery.each循环正确地循环返回的值。 这是我的代码：

视图：

jQuery.each(data.postcode, function() {
        html += "<span class='btn posctodeInv'>" + v + "</span>";                       
    });

控制器：

$club_id = $_POST['club_id'];
$model = $this->getModel('postcodes');
$postcodes = $model->getClubPostcodes($club_id);

header('Content-Type: application/json');
echo json_encode($postcodes);

模型：

public function getClubPostcodes($club_id) {
        $query = "SELECT postcode FROM #__postcodes_to_club WHERE club_id = '" . (int)$club_id . "'";
        $this->_db->setQuery($query);
        $result = $this->_db->loadAssocList();

        return $result;
    }

并在Firebug控制台中显示返回的json：

[{"postcode":"cr4"},{"postcode":"cr5"},{"postcode":"cr6"}]

谁能阐明我的循环为什么引发错误？ 谢谢！

Answer 1

尝试，需要索引和val参数在jQuery.each中循环

jQuery.each(data, function(index, val) {
        html += "<span class='btn posctodeInv'>" + val.postcode + "</span>";                       
    });

Answer 2

尝试

jQuery.each(data, function(index, val) {
    html += "<span class='btn posctodeInv'>" + val.postcode + "</span>";                       
});

Answer 3

var jsonp = '[{"Lang":"jQuery","ID":"1"},{"Lang":"C#","ID":"2"}]';
  var obj = $.parseJSON(jsonp);
  $.each(obj, function() {
      alert( this['Lang']);
  });

我认为您的问题与上述类似。 尝试以上方法