附加 json_encode 的问题答案

【问题标题】：Problem with append json_encode附加 json_encode 的问题
【发布时间】：2011-11-26 02:47:06
【问题描述】：

我想通过jQuery.each() 附加service，但它在我的js 代码中不起作用？

这是我的 PHP 代码输出：

{
    "data": [{
        "service": ["shalo", "jikh", "gjhd", "saed", "saff", "fcds"],
        "address": "chara bia paeen"
    }, {
        "service": ["koko", "sili", "solo", "lilo"],
        "address": "haminja kilo nab"
    }, {
        "service": ["tv", "wan", "hamam", "kolas"],
        "address": "ok"
    }]
}

这是我的 jQuery 代码：

$.ajax({
    type: "POST",
    dataType: "json",
    url: 'get_residence',
    data: dataString_h,
    cache: false,
    success: function (respond) {
        $.each(respond.data, function (index, value) {
            $('ol li').append('<a href="">' + value.service + '</a>');
        });
    },
    "error": function (x, y, z) {
        alert("An error has occured:\n" + x + "\n" + y + "\n" + z);
    }
});

我该怎么办？

【问题讨论】：

您应该看到<a href="">shalo,jikh,gjhd,saed,saff,fcds</a>（因为您实际上是在将数组值转换为字符串）。你可能想要另一个嵌套的$.each 来获取“服务”数组的元素。
Problem with append in $.each的可能重复

标签： javascript jquery append each

【解决方案1】：

您将需要另一个 $.each 循环，因为 service 是一个数组：

 $.each(respond.data, function (index, value) {
     $.each(value.service, function () {
         $('ol li').append('<a href="">' + this + '</a>');
     });
 });

只是格式化数组：

 $.each(respond.data, function () {
     $('ol li').append('<a href="">' + this.service.join(', ') + '</a>');
 });

【讨论】：