javascript - Jqueryで値を一覧表示する方法

Question

getJSONメソッドに送信されるJSONデータがあります。JSONデータは

[{"Name":"P1","Description":"D1","Attribute":"E,S","Value":"EV,SV"}]

およびgetJSONメソッド

$(document).ready(function () {        
    $.getJSON(url, { Name: 'P1' }, function (data) {
        $.each(data, function (k, v) {
            alert(v.Attribute + ' : ' + v.Value);
        });
    });
});

アラートを受け取りたいのですが

E : EV
S : SV

Answer 1

これを試して

 $.getJSON(url, { Name: 'P1' }, function (data) {

    var aSplit=data[0].Attribute.split(',');
    var vSplit=data[0].Value.split(',');
    alert(aSplit[0] + ' : ' + vSplit[0]);
    alert(aSplit[1] + ' : ' + vSplit[1]);
});

Answer 2

データが文字列として送信される場合はeval(data)、javascriptオブジェクトを取得する必要があります。

試す ：

$(document).ready(function () {        
    $.getJSON(url, { Name: 'P1' }, function (data) {
        data = eval('('+data+')');
        $.each(data, function (k, v) {
            alert(v.Attribute + ' : ' + v.Value);
        });
    });
});

Answer 3

ここのコードは、ペアが整っていることを前提としています。アイデアは、属性と値を分割し、同じインデックスを持つ値を選択して警告することです。

   $(document).ready(function () {        
        $.getJSON(url, { Name: 'P1' }, function (data) {
             $.each(data, function (k, v) {
                 var attrs = v.Attribute.split(",");
                 var values = v.Value.split(",");
                 for(var i = 0; i < attrs.length ; i++)
                 {
                    alert(attrs[i] + " : " + values[i]);
                 }
            });
        });
    });