主页 > 知识库 > Java Servlet生成JSON格式数据并用jQuery显示的方法

Java Servlet生成JSON格式数据并用jQuery显示的方法

热门标签:阿里云 电子围栏 服务器配置 团购网站 Mysql连接数设置 科大讯飞语音识别系统 Linux服务器 银行业务

本文实例讲述了Java Servlet生成JSON格式数据并用jQuery显示的方法。分享给大家供大家参考,具体如下:

1、Servlet通过json-lib生成JSON格式的数据

import java.io.IOException;
import java.io.PrintWriter;
import java.util.*;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import json.Person;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
@WebServlet("/JSONServlet")
public class JSONServlet extends HttpServlet {
public JSONServlet() {
super();
}
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("application/x-json");
response.setCharacterEncoding("GBK");
PrintWriter out = response.getWriter();
ArrayListPerson> items=new ArrayListPerson>();
items.add(new Person(2,"jack"));
items.add(new Person(2,"bob"));
items.add(new Person(2,"alex"));
JSONArray jsonArray=new JSONArray();
jsonArray.addAll(items);
out.print(jsonArray.toString());
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
public void init() throws ServletException {
// Put your code here
}
}

2、前端页面代码

%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
html>
head>
meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
title>Insert title here/title>
script type="text/javascript" src="js/jquery-1.10.2.min.js">/script>
script type="text/javascript">
$(document).ready(
function() {
$("#kick").click(
function() {
$.ajax({
type : "post",//post方法
url : "JSONServlet",
data : {
"legs" : "2",
"name" : "aa"
},
//ajax成功的回调函数
success : function(returnData) {
var arr = eval(returnData);
$.each(arr, function(index, content) {
$("#result").append(
"div>" + content.legs
+ "/div>" + "div>"
+ content.name
+ "/div>hr/>");
});
}
});
});
});
/script>
/head>
body>
input type="button" id="kick" value="kick">
div id="result">/div>
/body>
/html>

jQuery也可以用.getJSON实现异步数据获取

script type="text/javascript">
$(document).ready(
function() {
$("#kick").click(function() {
$.getJSON("JSONServlet",function(returnData){
var arr = eval(returnData);
$("#result").html("");//清空info内容
$.each(arr, function(index, content) {
$("#result").append(
"div>" + content.legs
+ "/div>" + "div>"
+ content.name
+ "/div>hr/>");
});
});
});
});
/script>

希望本文所述对大家JSP程序设计有所帮助。

您可能感兴趣的文章:
  • java中对list分页并显示数据到页面实例代码
  • java实现后台数据显示在前端

标签:衢州 萍乡 大理 枣庄 衡水 蚌埠 广元 江苏

巨人网络通讯声明:本文标题《Java Servlet生成JSON格式数据并用jQuery显示的方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266