Json iteration Javascript

Question

I have a json string {"email" : "Hello", "username" : "Not taken"}

how do I iterate through this json to display the text (Like Hello)

I want to display the following text

Email : Hello
Username : Not taken

I tried the following:

    arr = json
    $.each(arr, function(k, v) {
      message += k + ':' + v + '<br />';  
    });

Answer 1

You need to change the JSON string to a Javascript object. Use JSON.parse() .

Demo:

Output:

Script:

var json = '{"email" : "Hello", "username" : "Not taken"}',
    arr = window.JSON.parse( json ),
    message = '';

$.each(arr, function(k, v) {
    message += k + ': ' + v + '<br />';  
});

document.getElementById( 'message' ).innerHTML = message;

HTML:

<div id="message"></div>