web-dev-qa-db-ja.com

JSONオブジェクトリストをループする

JSONサービスのリストとしてWebサービスからList <>を返しています。 forループを使用してリストを反復処理し、プロパティから値を取得しようとしています。これはJSONを返すサンプルです：

{"d":[{"__type":"FluentWeb.DTO.EmployeeOrder",
 "EmployeeName":"Janet Leverling",
 "EmployeeTitle":"Sales Representative",
 "RequiredDate":"\/Date(839224800000)\/",
 "OrderedProducts":null}]}

だから私は次のようなものを使用してコンテンツを抽出しようとしています：

function PrintResults(result) {

for (var i = 0; i < result.length; i++) { 
    alert(result.employeename);
}

これはどのように行う必要がありますか？

javascriptjqueryweb-servicesjson
59
Nick

今日同じ問題があった、あなたのトピックは私を助けたので、ここに解決策が行きます;）

 alert(result.d[0].EmployeeTitle);
52
veN

dがリストであることに注意してください。

for (var i = 0; i < result.d.length; i++) { 
    alert(result.d[i].employeename);
}
67
Burcu Dogan

近い！これを試して：

for (var prop in result) {
    if (result.hasOwnProperty(prop)) {
        alert(result[prop]);
    }
}

更新：

結果が本当に1つのオブジェクトの配列である場合、これを行う必要があります。

for (var prop in result[0]) {
    if (result[0].hasOwnProperty(prop)) {
        alert(result[0][prop]);
    }
}

または、配列内の各結果をループする場合は、さらに試してください：

for (var i = 0; i < results.length; i++) {
    for (var prop in result[i]) {
        if (result[i].hasOwnProperty(prop)) {
            alert(result[i][prop]);
        }
    }
}
18
Cᴏʀʏ

ここにあります：

success: 
    function(data) {
        $.each(data, function(i, item){
            alert("Mine is " + i + "|" + item.title + "|" + item.key);
        });
    }

サンプルJSONテキスト：

{"title": "camp crowhouse", 
"key": "agtnZW90YWdkZXYyMXIKCxIEUG9zdBgUDA"}
15
redcrowe

JQueryを使用しているため、各メソッドを使用することもできます。また、すべてがこのJSオブジェクト[表記]のプロパティ 'd'の値であるようです。

$.each(result.d,function(i) {
    // In case there are several values in the array 'd'
    $.each(this,function(j) {
        // Apparently doesn't work...
        alert(this.EmployeeName);
        // What about this?
        alert(result.d[i][j]['EmployeeName']);
        // Or this?
        alert(result.d[i][j].EmployeeName);
    });
});

うまくいくはずです。そうでない場合は、JSONのより長い例を示すことができます。

編集：これらが機能しない場合、JSONの構文に問題がある可能性があると考え始めています。

8
KyleFarris
var d = $.parseJSON(result.d);
for(var i =0;i<d.length;i++){
    alert(d[i].EmployeeName);
}
6
Denzil Sequeira

これは動作します！

$(document).ready(function ()
    {
        $.ajax(
            {
            type: 'POST',
            url: "/Home/MethodName",
            success: function (data) {
                //data is the string that the method returns in a json format, but in string
                var jsonData = JSON.parse(data); //This converts the string to json

                for (var i = 0; i < jsonData.length; i++) //The json object has lenght
                {
                    var object = jsonData[i]; //You are in the current object
                    $('#olListId').append('<li class="someclass>' + object.Atributte  + '</li>'); //now you access the property.

                }

                /* JSON EXAMPLE
                [{ "Atributte": "value" }, 
                { "Atributte": "value" }, 
                { "Atributte": "value" }]
                */
            }
        });
    });

これに関する主なことは、JSONキーと値のペアの属性とまったく同じプロパティを使用することです。

2
Sterling Diaz

次の電話があります。

$('#select_box_id').change(function() {
        var action = $('#my_form').attr('action');
    $.get(action,{},function(response){
        $.each(response.result,function(i) {

            alert("key is: " + i + ", val is: " + response.result[i]);

        });
    }, 'json');
    });

サーバーから返される構造は次のようになります。

{"result":{"1":"waterskiing","2":"canoeing","18":"windsurfing"}}
1
ramonhimera