java servlet json数据_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();

ArrayList items=new ArrayList();

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、前端页面代码

pageEncoding="ISO-8859-1"%>

Insert title here

$(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(

"

" + content.legs

+ "

" + "

"

+ content.name

+ "

---

");

});

}

});

});

});

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

$(document).ready(

function() {

$("#kick").click(function() {

$.getJSON("JSONServlet",function(returnData){

var arr = eval(returnData);

$("#result").html("");//清空info内容

$.each(arr, function(index, content) {

$("#result").append(

"

" + content.legs

+ "

" + "

"

+ content.name

+ "

---

");

});

});

});

});