Parsing JSON array of strings in jquery

Question

I have an MVC5 project that uses this jQuery AJAX call

    $.ajax({
        url: "/ClientDetails2/" + document.getElementById('clientid').value,
        type: "GET",
        dataType: "json"
    })
    .done(function (json) {
        $('#FirstName').text(json['Client'].FirstName);

        $.each(json['Cases'],         <-----
            function(value) {         <-----
                console.log(value);   <-----
            });                       <-----
    });

to return this JSON:

{
    Client: {
        Id: 1,
        LastName: "Clark",
        FirstName: "Keith",
        PrimaryPhone: "(555) 555-1212",
        Email: "[email protected]"
    },
    Cases: [
        "Case1",
        "Case2",
        "Case3"
    ]
}

The $('#FirstName').text(json['Client'].FirstName); works fine and updates the DOM correctly.

Where I am getting hung up is in iterating thru Cases.

What am I missing here?

Thanks, Keith Clark

Thanks for that, but I need to be able to iterate using the .each option as I will never know how many items are in that array — Keith Clark
– Keith Clark, Commented Jul 9, 2016 at 2:39

Kld · Accepted Answer · 2016-07-09 02:42:16Z

1

$.each() takes two parameters index and value

var json  = {
    Client: {
        Id: 1,
        LastName: "Clark",
        FirstName: "Keith",
        PrimaryPhone: "(555) 555-1212",
        Email: "[email protected]"
    },
    Cases: [
        "Case1",
        "Case2",
        "Case3"
    ]
};
         
 $.each(json['Cases'], function(index, value) {        
       console.log(index +' -> '+value);  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>

answered Jul 9, 2016 at 2:42

Kld

7,1183 gold badges39 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Keith Clark Over a year ago

Thanks for that reply...I had the epiphany as you were typing your reply

Keith Clark · Accepted Answer · 2016-07-09 02:43:50Z

0

Figured out my issue. Even though there is no actual key:value paring in the array, there is still an implied index that has to be accounted for in the function call. I modified my code to this:

    $.each(json['Cases'],         
        function(index,value) {         
            console.log(value);   
        });

and all works as expected now.

answered Jul 9, 2016 at 2:43

Keith Clark

6111 gold badge7 silver badges21 bronze badges

Collectives™ on Stack Overflow

Parsing JSON array of strings in jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related