后台:import java.io.IOException; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; public class JsonServlet extends HttpServlet { protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doPost(req, resp); } protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String name = req.getParameter("name"); String age = req.getParameter("age"); // Iterator iter = JSONObject.fromObject(usr).entrySet().iterator(); // while(iter.hasNext()){ // Map.Entry entry = (Entry) iter.next(); // System.out.println(entry.getKey()); // System.out.println(entry.getValue()); // } System.out.println("doPost"); // User user = new User(); // user.setAge(20); // user.setName("zhansan"); // user.setSex("男"); // List<User> list = new ArrayList<User>(); // list.add(user); // list.add(user); // list.add(user); // list.add(user); // System.out.println(list.size()); Map<String, String> hashMap = new HashMap<String, String>(); hashMap.put("item1", "xiaoniu"); hashMap.put("item2", "lisi"); hashMap.put("item3", "zhansan"); hashMap.put("item4", "wangwu"); JSONObject.fromObject(hashMap).write(resp.getWriter()); //JSONObject.fromObject(list).write(resp.getWriter()); //JSONArray.fromObject(list).write(resp.getWriter()); } } 前台<!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=UTF-8"> <title>Insert title here</title> <mce:script type="text/javascript" src="./js/jquery.js" mce_src="js/jquery.js"></mce:script> <mce:script type="text/javascript"><!-- var Usr = { "name":"kevin", "age":24 }; $(document).ready(function(){ $.getJSON("./JsonTest",Usr,callback); alert(111); }); function callback(json) { for(var i in json) { $("#table1").append("<tr><td>"+json[i]+"</td> <td>"+json[i]+"</td> </tr>") } } // --></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <table id="table1" border="1"> <tr> <td> <input type="text" id="userName"/> </td> </tr> <tr> <th>Name</th> <th>Age</th> </tr> </table> </body> </html>