Here is the script to load json array-
<head> <title>Page Title</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <div id="images">test</div> </body>
var dictionary =[ {"id":"0","name":"ABC"}, {"id":"1","name":"DEF"} , {"id":"2","name":"PQR"}, {"id":"3","name":"xyz", "name2":"xyz2"} ]; $(function (){ for (var ke in dictionary ) { if (dictionary.hasOwnProperty(ke)) { var id = dictionary [ke].id; var name = dictionary [ke].name; //create a anchor element using id. //when user clicks on this id open data //related to this $('#images').append('<br/><div id="' +id+'" data-name="'+name+'">'+id+'</div>'); } } $('#images').on('click', 'div', function(e){ //document.write (e); //document.write ( e.target.attr('name')docum var values = getValues (e.target.id ); var count = 0; for (var key in values) { if (values.hasOwnProperty(key)) { if(count > 0) { document.write (values[key]);} count++; } } }); }); function getValues(id){ for (var ke in dictionary ) { if (dictionary.hasOwnProperty(ke)) { if(id==dictionary [ke].id) return dictionary [ke]; } } }
Comments
Post a Comment