jquery - 如何通过 jQuery AJAX 调用使用 JSON 数据填充 HTML 表

Question

我需要通过 jQuery AJAX 调用使用 JSON 数据填充表，

JSON数据的格式：

{"message":[
              {"name":"A","value":"7%"},
              {"name":"B","value":"3%"}
           ]}

任何人都可以帮助找出这个 AJAX 调用有什么问题：

$.ajax({
         type : "GET",
         url : "",
         dataType : "json",
         success : function(data) {
            var Options = '';
            $.each($(data.message), function() {                        
                Options +='<li'+this.name+':'+this.value+'</li>';  
            });

            $("#list1").append(Options);
        }
    }); 

Answer 1

我不确定你的问题到底是什么。但是我发现格式有问题。您的“li”标签未正确打开。

Options +='<li'+this.name+':'+this.value+'</li>';

改成，

Options +='<li>'+this.name+':'+this.value+'</li>';

希望它会有所帮助。

Answer 2

"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    console.log(aData[1]);
    if (aData[1] == "Imported")
    {
        // $('td').css('background-color', '#FBE9E7');
        $(nRow).find('td:eq(1)').html('<span class="label label-success">'+aData[1]+'</span>');
    } else if (aData[1] == "Inactive") {
        $(nRow).find('td:eq(1)').html('<span class="label label-danger">'+aData[1]+'</span>');
    } else if(aData[1] == "Exported") {
        $(nRow).find('td:eq(1)').html('<span class="label label-primary">'+aData[1]+'</span>');
    }else{
        $(nRow).find('td:eq(1)').html('<span class="label label-default">'+aData[1]+'</span>');
        // $.addClass('label label-default');
    }

},