jquery - jQueryAJAX呼び出しを介してHTMLテーブルにJSONデータを入力する方法

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');
    }

},