Access JSON elements using Javascript/Jquery -

-

i'm new json, webdevelopment, javascript ...

i have following json file 

            {                 "component": "a",                 "status": 0,                 "children": [                     {                         "component": "aa",                         "status": 0,                         "children": [                             {                                 "component": "aaa",                                 "status": 0,                                 "children": []                             },                             {                                 "component": "aab",                                 "status": 0,                                 "children": []                             }                         ]                     },                     {                         "component": "ab",                         "status": 0,                         "children": [                             {                                 "component": "aba",                                 "status": 0,                                 "children": []                             },                             {                                 "component": "abb",                                 "status": 0,                                 "children": []                             }                         ]                      }                 ]             }

i need read using javascript/jquery , display it. later on should develop code onclicking "component a" on webpage list of components under should displayed , on.depending on status variable color assigned component displayed ( in form of image box or something)

i wrote following code:

            <html>             <head>                                <title>demo</title>             </head>             <body>                  <script src="jquery-1.9.1.min.js"></script>                 <script src="jquery-1.9.1.js"></script>                 <script>                  $(document).ready(function() {                 var myitems;                  $.getjson('jsonfile.json', function(data) {                   jsonarray children = jsonfile.getjsonarray("children");                   });             });                 </script>             </body>             </html>

firstly javascript equivalent of java functions json getjsonarray(), getjsonobject() etc secondly suggestions how go printing details using api's etc.

please show syntax of $.each in context

var result = $('#result'); $.each(obj.children, function(i, v){     result.append('<div>' + + ' - ' + v.component + '</div>'); });

demo: http://jsfiddle.net/lbjbm/

documentation: jquery.each()


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more