CODEWITHSUNDEEP
javascriptjqueryhtmlajaxjson
Mod
Mod

Reputation: 5351

How to store JSON data from a file into an array of strings

I am working on Dynamic Web Project in Eclipse and using HTML 5 and Javascript as well. I could manage to parse JSON file that is saved locally in my system though the code below: 

$.getJSON( "/Users/Documents/workspace2/sample.json", function( data ) {
    var items = [];
    $.each( data, function( key, val ) {
        items.push( "<li id='" + key + "'>" + val + "</li>" );
    });
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
    }).appendTo( "body" );
});

Let's suppose this is the JSON file: 

{"resource":"A","literals":["B","C","D"]}

My question is: Is there any possibility to have an array of strings to store these elements that are inside the JSON file after parsing. I am quite new to jQuery and couldn't really manage to see these elements stored in an array of strings, for example. Could anyone help me with this issue please.

Upvotes: 1

Views: 8342

Answers (2)

Md Ashaduzzaman
Md Ashaduzzaman

Reputation: 4038

Try this way :

jsonFile.json

{
    "resource":"A",
    "literals":["B","C","D"]
}

myFile.html 

<html>
<head>
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            $.getJSON( "jsonFile.json", function( data ) {
                var items = [];
                $.each( data, function( key, val1 ) {
                    items.push( "<li><a href=#'" + key + "'>" + val1 +"</a></li>");     
                });
            });
                $( "<ul/>", {
                "class": "my-new-list",
                 html: items.join( "" )
                }).appendTo( "body" );
            });
        </script>

</head>
<body>
    //result will be displayed here 
</body>
</html>

Output :

output

Upvotes: 2

Ankit Tyagi
Ankit Tyagi

Reputation: 2375

var abc = JSON.stringify({"resource":"A","literals":["B","C","D"]});

var ab = JSON.parse(abc);

var arr=$.map(ab, function(value, index) {
   return [value];
});

Hope it helps.

Upvotes: 1

Related Questions