jquery - how to get length of 2d array in javascript and show data in dynamic div created from js -

what need

• i need show count on icon .

• i need make dynamic div input using array using javascript.

array structure

            array         (             [0] => array             (                 [id] => 50615                 [des] => pharma pro&pack expo 2015 organized ipmma , held @ mumbai, economic capital of india. show helps exhibitors ove                 [membership] => 0                 [name] => pharma pro&pack expo                 [abbr_name] => pharma pro&pack expo                 [paid] => 0                 [event_wrapper] => 33587                 [event_samll_wrapper] => http://im.gifbt.com/industry/27-350x210.jpg                 [event_url] => pharma-propack-expo                 [website] => http://www.pharmapropack.com                 [eventtype] => 1                 [venue_name] => bombay convention & exhibition centre (bcec)                 [startdate] => 2015-05-13                 [enddate] => 2015-05-15                 [city] => mumbai                 [country] => india                 [country_url] => india                 [country_shortname] => india                 [industry_id] => 27                 [industry_name] => medical & pharmaceutical                 [industry_url] => medical-pharma                 [event_status] =>                  [total_visitors] => 144                 [total_exhibitor] => 0                 [total_speakers] => 0             )              [1] => array             (                 [id] => 57271                 [des] => iphex acknowledged event in pharmaceutical , healthcare industry , presence of pharmaceutical products , equipments,                 [membership] => 0                 [name] => iphex                 [abbr_name] => iphex                 [paid] => 0                 [event_wrapper] => 41539                 [event_samll_wrapper] => http://im.gifbt.com/industry/27-350x210.jpg                 [event_url] => iphex                 [website] => http://iphex-india.com/                 [eventtype] => 1                 [venue_name] => bombay exhibition centre                 [startdate] => 2015-05-13                 [enddate] => 2015-05-15                 [city] => mumbai                 [country] => india                 [country_url] => india                 [country_shortname] => india                 [industry_id] => 27                 [industry_name] => medical & pharmaceutical                 [industry_url] => medical-pharma                 [event_status] =>                  [total_visitors] => 134                 [total_exhibitor] => 120                 [total_speakers] => 0             )              [2] => array             (                 [id] => 175534                 [des] => tensymp, organized cimlglobal take place 13th may 15th may 2015 @ courtyard marriott, india in ahmedabad, india. t                 [membership] =>                  [name] => tensymp ahmedabad                 [abbr_name] => tensymp ahmedabad                 [paid] =>                  [event_wrapper] =>                  [event_samll_wrapper] => http://im.gifbt.com/industry/40-350x210.jpg                 [event_url] => tensymp-ahmedabad                 [website] => http://www.tensymp2015.org/                 [eventtype] => 2                 [venue_name] => gujarat international finance tec-city                 [startdate] => 2015-05-13                 [enddate] => 2015-05-15                 [city] => ahmedabad                 [country] => india                 [country_url] => india                 [country_shortname] => india                 [industry_id] => 40                 [industry_name] => scientific instruments                 [industry_url] => scientific-instruments                 [event_status] =>                  [total_visitors] => 3                 [total_exhibitor] => 0                 [total_speakers] => 3             ) 

js code

      var desktop="/app.php/notificationdetail";         var http = new xmlhttprequest         url = desktop,         params = url;         http.open("post", url, !0), http.setrequestheader("content-type", "application/json; charset=utf-8"), http.setrequestheader("content-length", params.length), http.setrequestheader("connection", "close"),          http.onreadystatechange = function() {         if (4 == http.readystate && 200 == http.status) {           var obj=http.responsetext;         alert(typeof obj);//string         var parsed = json.parse(obj);            (var c in obj) {         var newelement = document.createelement('div');         newelement.id = obj[c]; newelement.classname = "notification";         newelement.innerhtml = obj[c];         document.body.appendchild(newelement);         }          }         }, http.send(params); 

problem

• i need find length of array if use php counts shows 2 array whereas if use .length() in js doesn"t return required result.

o/p should should be

• count in notification should 2 using javascript .
• i need show ['id'],['name'],['city'] in dynamic div.

i have tried using loop

for (var x=0; x<obj.length; x++)  {    var name= obj[x].name;     console.log(name);//outputs : undefined  } 

on getting number of rows (object count) , columns (field count):

not familiar w/ php array, looks me it's 1 dimensional array hashtable structure each array element.

just confirm add console.log(parsed); after var parsed = json.parse(obj); line. should see [{id:50615,des:'pharma...',...},{id:57271,des:'the iphex...',...},{...}].

if so, parsed.length should give number of objects (rows) in data structure , object.keys(parsed[0]).length give number of columns / fields in object.

note: thing here assuming objects in array have equal numbers of fields. if not might have loop through array , figure out max length of each object in array , use column count.

on displaying specific fields:

once understand how array of objects layout, can use array.map function pull out fields inside original array so:

var model = parsed.map(function(o) { return { id: o.id, name: o.name, city: o.city }; });

and use model should contains array of object having id, name , city fields like.

you seems know how dom manipulation won't go there. suggestion can give either use string concatenation , bulk inject dom element innerhtml or use documentfragment approach performance. see: http://jsperf.com/concat-vs-docfrag/4