1、引入jar包:gson-1.7.1(google提供的json解决方案),下载网站:http://code.google.com/p/google-gson/
2、引入jQuery的js包
3、代码
1)
客户端代码(jsp代码)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'json.jsp' starting page</title>
<!-- 去除浏览器缓存 -->
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<script type="text/javascript" src="scripts/jquery-1.6.1.js"></script>
<!-- -->
<script type="text/javascript">
$(document).ready(function() {
$("#btn1").click(function() {
$.post(
"JsonServlet",
{"name":"张三"},
function(Date){
//alert(Date);
var html = "<table><tr><th>id</th><th>name</th><th>age</th><th>address</th><tr><td>"+Date.id+"</td><td>"+Date.name+"</td><td>"+Date.age+"</td><td>"+Date.address+"</td></tr></table>";
$("#show").html(html);
},
"json"
);
});
});
</script>
</head>
<body>
<input id="btn1" type="button" value="click me" />
<div id="show"></div>
</body>
</html>
2)服务器端代码(实体类Person)
package com.yjw.pojo;
public class Person {
private int id;
private String name;
private int age;
private String address;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getAddress() {
return address;
}
public void setAddress(String address) {
this.address = address;
}
}
3)服务器端代码(servlet代码)
package com.yjw.servlet;
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;
import com.google.gson.Gson;
import com.yjw.pojo.Person;
public class JsonServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
Person person = new Person();
person.setId(1);
person.setName("张三");
person.setAge(20);
person.setAddress("suzhou");
Gson gson = new Gson();
String result = gson.toJson(person);
//System.out.println(result);
//服务器返回类型设置为json格式
resp.setContentType("application/json; charset=utf-8");
//清缓存
resp.setHeader("pragma", "no-cache");
resp.setHeader("cache-control", "no-cache");
//服务器响应
PrintWriter out = resp.getWriter();
out.print(result);
out.close();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
this.doGet(req, resp);
}
}
4)web.xml配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name></display-name>
<!-- Servlet在web.xml中的配置 -->
<servlet>
<servlet-name>JsonServlet</servlet-name>
<servlet-class>com.yjw.servlet.JsonServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JsonServlet</servlet-name>
<url-pattern>/JsonServlet</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
分享到:
相关推荐
JSON+Jquery+servlet+jsp+ajax例子,方便学习的人。
JQuery getJSON() 调用Servlet简单例子
学习JSON 的同学们快来哟学习JSON 的同学们快来哟学习JSON 的同学们快来哟
一个基于JSP、Servlet的Echarts3入门小例子(Eclipse JEE工程) 1. json处理使用的FastJson工具 2. 主要是基于Servlet 3. 基于jQuery
前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端 这里使用servlet的方式 1、采用$.post方法 index.jsp页面 <!DOCTYPE ...
easyui相关功能整合的一个小例子,包含树,列表等常用功能,并采用jsp/servlet传值(json)
这是介绍JQuery表格插件FlexiGrid在Java中的使用,使用Servlet进行开发,json传递数据
根据jtopo插件做的一个自动生成拓扑的例子,因为便于观看效果我就只是在后台拼的数据json串到前台,用的servlet,js源码已经被解压可以查看,名称叫jtopo的那个,别的除了jquery可以无视,我个人测试用的。...
本文主要介绍使用注解方式配置的spring mvc,之前写的spring3.0 mvc和rest小例子没有介绍到数据层的内容,现在这一篇补上。下面开始贴代码。 文中用的框架版本:spring 3,hibernate 3,没有的,自己上网下。 先说...
1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件,FTP的目标是:(1)提高...
Java数据压缩与传输实例,可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误信息等Java编程小技巧。 Java数组倒置...