导入jar包
新建一个servert传递map集合
ajax.java代码:
1 package servlet;
2
3 import java.io.IOException;
4 import java.io.PrintWriter;
5 import java.util.ArrayList;
6 import java.util.HashMap;
7 import java.util.List;
8 import java.util.Map;
9
10 import javax.servlet.ServletException;
11 import javax.servlet.http.HttpServlet;
12 import javax.servlet.http.HttpServletRequest;
13 import javax.servlet.http.HttpServletResponse;
14
15 import net.sf.json.JSONArray;
16 import net.sf.json.JSONObject;
17
18 public class Ajax extends HttpServlet {
19 public void doGet(HttpServletRequest request, HttpServletResponse response)
20 throws ServletException, IOException {
21 doPost(request, response);
22 }
23 public void doPost(HttpServletRequest request, HttpServletResponse response)
24 throws ServletException, IOException {
25 response.setContentType("text/plain");
26 response.setCharacterEncoding("utf-8");
27 //模拟数据库数据
28 Map<String, String> map=new HashMap<String, String>();
29 map.put("1", "a");
30 map.put("2", "ab");
31 map.put("3", "王东");
32 map.put("4", "毛东");
33 //前台传过来的参数
34 String data=request.getParameter("data");
35 JSONObject re=JSONObject.fromObject(map);
36 String result=re.toString();
37 System.out.println("result"+result);
38 PrintWriter writer=response.getWriter();
39 writer.write(result);//返回json数组
40 writer.flush();
41 writer.close();
42 }
43
44 }
前台页面:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>2.html</title>
5 <meta charset="utf-8">
6 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
7 <script type="text/javascript">
8 function ajax(){
9 $.ajax({
10 url:"servlet/Ajax",
11 data:"data=r",
12 type:"post",
13 error:function(){alert("服务器连接失败");},
14 success:function(data){
15 data=eval(data);
16 for(var key in data){
17 alert(data)
18 }
19 }
20 });
21 }
22 </script>
23 </head>
24
25 <body>
26 <input type="button" value="提交" onclick="ajax()" />
27 </body>
28 </html>
修改ajax.java,向前台传递list
1 package servlet;
2
3 import java.io.IOException;
4 import java.io.PrintWriter;
5 import java.util.ArrayList;
6 import java.util.HashMap;
7 import java.util.List;
8 import java.util.Map;
9
10 import javax.servlet.ServletException;
11 import javax.servlet.http.HttpServlet;
12 import javax.servlet.http.HttpServletRequest;
13 import javax.servlet.http.HttpServletResponse;
14
15 import net.sf.json.JSONArray;
16 import net.sf.json.JSONObject;
17
18 public class Ajax extends HttpServlet {
19 public void doGet(HttpServletRequest request, HttpServletResponse response)
20 throws ServletException, IOException {
21 doPost(request, response);
22 }
23 public void doPost(HttpServletRequest request, HttpServletResponse response)
24 throws ServletException, IOException {
25 response.setContentType("text/plain");
26 response.setCharacterEncoding("utf-8");
27 List<String> list=new ArrayList<String>();
28 String data=request.getParameter("data");
29 list.add("afds");
30 list.add("反对反对");
31 list.add("");
32
33 JSONArray jsonArray=JSONArray.fromObject(list);
34 String result=jsonArray.toString();
35 System.out.println(result);
36 PrintWriter writer=response.getWriter();
37 writer.write(result);//返回json数组
38 writer.flush();
39 writer.close();
40 }
41
42 }
静态页面代码:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>2.html</title>
5 <meta charset="utf-8">
6 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
7 <script type="text/javascript">
8 function ajax(){
9 $.ajax({
10 url:"servlet/Ajax",
11 data:"data=r",
12 type:"post",
13 error:function(){alert("服务器连接失败");},
14 success:function(data){
15 data=eval(data);
16 for(var i=0;i<data.length;i++){
17 alert(data[i]);
18 }
19
20 }
21 });
22 }
23 </script>
24 </head>
25
26 <body>
27 <input type="button" value="提交" onclick="ajax()" />
28 </body>
29 </html>
时间： 2024-10-29 17:23:54