html ajax解析json,Ajax解析返回的Json数据

1.前台页面传数据，前台直接解析返回的json数据

对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，

那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。

为什么要 eval这里要添加 “("("+data+")");//”呢？

原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象，而不是作为语句(statement)来执行。

举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。

所以下面两个执行结果是不同的：

alert(eval("{}"); // return undefined

alert(eval("({})");// return object[Object]

$.ajax({

type:"POST",asycn:false,url:"FindCampusInfoServlet",data:{"schoolId":$("#school").val()},success : function(data)

{

if(data!="empty")

{

var objs=eval("("+data+")");

$("#campus").empty();

$("#campus").append("请选择");

for(var i=0;i

{

$("#campus").append(""+objs[i].campusname+"");

}

$("#campus").selectmenu('refresh',true);

}

else

{

$("#campus").empty();

$("#campus").append("请选择");

$("#campus").selectmenu('refresh',true);

}

}

});

2.后台Servlet处理数据，以json数据形式返回

public void doPost(HttpServletRequest request,HttpServletResponse response)

throws ServletException,IOException

{

request.setCharacterEncoding("UTF-8");

response.setContentType("text/html;charset=utf-8");

String sSchoolId = request.getParameter("schoolId");

CommUseImp comm = new CommUseImp();

PrintWriter out = response.getWriter();

try

{

String sJson = comm.findCampus(sSchoolId);

//String sRoomInfo = comm.findRoomInfo(0);

if (StringUtils.isEmpty(sJson))

{

out.write("empty");

out.close();

}

else

{

JSONObject json = new JSONObject(sJson);

//JSONObject json2 = new JSONObject(sRoomInfo);

org.json.JSONArray jsonArray = json.getJSONArray("data");

out.write(jsonArray.toString());

out.close();

}

}

catch (JSONException e)

{

e.printStackTrace();

}

}

public String findCampus(String sSchoolId)

{

if (StringUtils.isEmpty(sSchoolId))

{

return null;

}

String ssql = "SELECT CAMPUSID,CAMPUSNAME,ACCESSURL FROM CAMPUS WHERE SCHOOLID='" + sSchoolId + "'";

try

{

StringBuilder sb = new StringBuilder();

List> list = m_runner.query(ssql,new MapListHandler());

if (list != null && list.size() > 0)

{

sb.append("{'data':[");

int iCount = list.size();

for (int i = 0; i < iCount; i++)

{

sb.append("{'campusid':'" + list.get(i).get("CAMPUSID") + "',");

sb.append("'campusname':'" + list.get(i).get("CAMPUSNAME") + "',");

sb.append("'accessurl':'" + list.get(i).get("ACCESSURL") + "'},");

}

String sResult = sb.substring(0,sb.length() - 1) + "]}";

return sResult;

}

else

{

return null;

}

}

catch (Exception e)

{

e.printStackTrace();

return null;

}

}

总结

以上是编程之家为你收集整理的Ajax解析返回的Json数据全部内容，希望文章能够帮你解决Ajax解析返回的Json数据所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！