javascript - getting "undefined" when i print json array with js -

javascript - getting "undefined" when i print json array with js -

i want parse json array came downwards json.jsp, when access parse.js displays undefined here parse.js

$(document).ready(function() { $('#login').click(function(event) { $.get('json.jsp', { }, function(responsetext) { var myjsonobject1 = responsetext; var myjsonobject = json.parse(myjsonobject1); var len = myjsonobject.length; var out = ""; (var = 0; < len; i++) { var pupil = myjsonobject[i]; out += "<li>"+student.ircevent + "<li>" + student.method+"<li>"+student.regex; } document.getelementbyid("ajaxresponse").innerhtml = out; }); }); });

and json.jsp is,

<% response.setcontenttype("plain/text"); user user = new user("ram","ram@gmail.com"); user user1 = new user("ravi","ravi@gmail.com"); user user2 = new user("raghu","raghu@gmail.com"); list list = new arraylist(); list.add(user);list.add(user1);list.add(user2); string json = new gson().tojson(list); response.getwriter().write(json); %>

when access parse.js file, displays undefined

any ideas......

just utilize $.ajax , set datatype json. no need parse anything. jquery you. http://api.jquery.com/jquery.ajax/

jquery(document).ready(function($) { $.ajax({ url: 'json.jsp', type: 'get', datatype: 'json', success: function(data) { if (data.length) { var ajaxresponse = document.createelement('table'), tbody = document.createelement('tbody'); (var in data) { if (data.hasownproperty(i)) { var tr = document.createelement('tr'), key = document.createelement('td'), keytext = document.createtextnode(i), value = document.createelement('td'), valuetext = document.createtextnode(data[i]); key.appendchild(keytext); tr.appendchild(key); value.appendchild(valuetext); tr.appendchild(value); tbody.appendchild(tr); } } ajaxresponse.appendchild(tbody); $("#ajaxresponse").append(ajaxresponse); } else alert("no info returned!"); } }); });

javascript jquery json jsp