用JQuery解析Json

如果想解析JSON，服务器端最好是是去下载针对不同开发软件，有不同的类库，利用类库在服务器端生成JSON格式的数据也就不显得太麻烦了。

步骤：
1.因为我用JAVA开发，所以首先去要下载JSON的类库，我用的是http://www.sf.net提供的json类库。

而json类库以信赖于几个其它的类库，下面把所需要的类截个图记录。

2.写服务器商程序，返回一个JSON格式的数据.

package cn.limaoyuan.jquery.xml;

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class JqueryServletForXml extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
System.out.println("into JqueryServletForXml");
response.setContentType("text/xml");
response.setCharacterEncoding("gbk");
String xml = "<?xml version=\"1.0\" encoding=\"gbk\"?>&ltuserlist>" +
"&ltuser>&ltname&gtlimy_1</name>&ltage&gt25_1</age></user>" +
"&ltuser>&ltname&gtlimy_2</name>&ltage&gt25_2</age></user>" +
"&ltuser name=\"limy_3\" age=\"25_3\"></user>" +
"&ltuser name=\"limy_4\" age=\"25_4\"></user></userlist>";
response.getWriter().println(xml);
}

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
3.其中需要一个User类

package cn.limaoyuan.jquery.json;

public class User {
private String name;
private int age;
private String address;
private String phone;
private String mobile;

public String getAddress() {
return address;
}
public void setAddress(String address) {
this.address = address;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getMobile() {
return mobile;
}
public void setMobile(String mobile) {
this.mobile = mobile;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPhone() {
return phone;
}
public void setPhone(String phone) {
this.phone = phone;
}
}
4.前面页面

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title&gtStripingTable</title>
<style type="text/css">

</style>

<script type="text/javascript" src="jquery-1.2.1.js"></script>
<script type="text/javascript" src="loadxml.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
<input type="button" value="测试服务器回传json" onclick="getAjaxByJson()"/>
<div id="responseText"></div>
<div id="info"></div>
</bdoy>
</html>
5.web.xml

<servlet-mapping>
<servlet-name&gtJqueryServlet</servlet-name>
<url-pattern>/servlet/JqueryServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name&gtJqueryServletForXml</servlet-name>
<url-pattern>/servlet/JqueryServletForXml</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name&gtJqueryServletForJson</servlet-name>
<url-pattern>/servlet/JqueryServletForJson</url-pattern>
</servlet-mapping>

猜你喜欢