jquery - 动态创建 LI 不能按我的意愿工作

Question

我有一个通过 AJAX 从模板调用的 Symfony 2 函数。这是功能：

/**
 * Get subcategories based on $parent_id parameter
 *
 * @Route("/category/subcategories/{parent_id}", name="category_subcategories", options={"expose"=true})
 * @Method("GET")
 */
public function getCategories($parent_id = null) {
    $em = $this->getDoctrine()->getManager();
    $entities = $em->getRepository('CategoryBundle:Category')->findBy(array("parent" => $parent_id));

    $subcategories = array();
    foreach ($entities as $entity) {
        $subcategories[] = array($entity->getId() => $entity->getName());
    }

    $response = new JsonResponse();
    $response->setData($subcategories);

    return $response;
}

该函数返回如下 JSON：

[{"27":"Test10"},{"28":"Test11"},{"29":"Test12"}]

所以我写了这个 jQuery 函数来解析和显示元素：

$(function() {
    $("a.step").click(function() {
        var id = $(this).attr('data-id');
        $.ajax({
            type: 'GET',
            url: Routing.generate('category_subcategories', {parent_id: id}),
            dataType: "json",
            success: function(data) {
                if (data.length != 0) {
                    var LIs = "";
                    $.each(data[0], function(i, v) {
                        LIs += '<li><a class="step" data-id="' + i + '" href="#">' + v + '</a></li>';
                    });

                    $('#categories').html(LIs);
                }
            }
        });
    });
});

但它不起作用，因为只显示了 JSON 数组的第一个元素，我的代码有什么问题？有什么建议吗？

Answer 1

$.each(data[0], function(i, v) {
  LIs += '<li><a class="step" data-id="' + i + '" href="#">' + v + '</a></li>';
});

这里data[0]是{"27":"Test10"}，但你想要的是data。

尝试这个：

$.each(data, function(index, value) {
  $.each(value, function(i, v) {
    LIs += '<li><a class="step" data-id="' + v + '" href="#">' + v + '</a></li>';
  }
});