jquery访问servlet并返回数据到页面

电玩女神 2022-09-21 00:29 179阅读 0赞

## 1，servlet:AjaxServlet.java ##

**\[java\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  package com.panlong.servlet;  
2.    
3.    
4.  import java.io.IOException;  
5.  import java.io.PrintWriter;  
6.  import java.net.URLDecoder;  
7.    
8.  import javax.servlet.ServletException;  
9.  import javax.servlet.http.HttpServlet;  
10. import javax.servlet.http.HttpServletRequest;  
11. import javax.servlet.http.HttpServletResponse;  
12.   
13. public class AjaxServlet extends HttpServlet \{  
14.   
15.     private static final long serialVersionUID = 1L;  
16.   
17.     protected void doGet(HttpServletRequest req, HttpServletResponse resp)  
18.             throws ServletException, IOException \{  
19.         Integer total = (Integer) req.getSession().getAttribute("total");  
20.         int temp = 0;  
21.         if(total == null )\{  
22.             temp = 1;  
23.         \}else\{  
24.             temp = total.intValue() + 1;  
25.         \}  
26.     req.getSession().setAttribute("total",temp);  
27.         try \{  
28.             //1.取参数  
29.             resp.setContentType("text/html;charset=GBK");  
30.             PrintWriter out = resp.getWriter();  
31.               
32.             String old = req.getParameter("name");  
33.               
34.             //2、检查参数是否有问题  
35.             //String name = new String(old.getBytes("iso8859-1"),"UTF-8");  
36.             String name = URLDecoder.decode(old,"UTF-8");  
37.             if("".equals(old) || old == null)\{  
38.                 out.println("用户名必须输入");  
39.                   
40.             \}else\{  
41.                 if("liling".equals(name))\{  
42.                     out.println("恭喜登录成功");  
43.                     return;  
44.                 \}else\{  
45.                     out.println("该用户名未注册，您可以注册\["\+name+"\]这个用户名"\+temp);  
46.                 \}  
47.             \}  
48.               
49.         \} catch (Exception e) \{  
50.             // TODO Auto-generated catch block  
51.             e.printStackTrace();  
52.         \}  
53.       
54.         //3.检验操作  
55.           
56.     \}  
57.   
58.     protected void doPost(HttpServletRequest req, HttpServletResponse resp)  
59.             throws ServletException, IOException \{  
60.         doGet(req, resp);  
61.     \}  
62.   
63. \}

package com.panlong.servlet;
    
    
    import java.io.IOException;
    import java.io.PrintWriter;
    import java.net.URLDecoder;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class AjaxServlet extends HttpServlet {
    
    	private static final long serialVersionUID = 1L;
    
    	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
    			throws ServletException, IOException {
    		Integer total = (Integer) req.getSession().getAttribute("total");
    		int temp = 0;
    		if(total == null ){
    			temp = 1;
    		}else{
    			temp = total.intValue() + 1;
    		}
    	req.getSession().setAttribute("total",temp);
    		try {
    			//1.取参数
    			resp.setContentType("text/html;charset=GBK");
    			PrintWriter out = resp.getWriter();
    			
    			String old = req.getParameter("name");
    			
    			//2、检查参数是否有问题
    			//String name = new String(old.getBytes("iso8859-1"),"UTF-8");
    			String name = URLDecoder.decode(old,"UTF-8");
    			if("".equals(old) || old == null){
    				out.println("用户名必须输入");
    				
    			}else{
    				if("liling".equals(name)){
    					out.println("恭喜登录成功");
    					return;
    				}else{
    					out.println("该用户名未注册，您可以注册["+name+"]这个用户名"+temp);
    				}
    			}
    			
    		} catch (Exception e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    	
    		//3.检验操作
    		
    	}
    
    	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
    			throws ServletException, IOException {
    		doGet(req, resp);
    	}
    
    }

##    2,verify.js ##

**\[javascript\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  function verify()\{  
2.      //解决中文乱码问题的方法1,页面端发出的数据作一次encodeURI，服务端使用new String(old.getBytes("iso8859-1"),"UTF-8");  
3.      //解决中文乱码问题的方法2,页面端发出的数据作两次encodeURI,服务端使用String name = URLDecoder.decode(old,"UTF-8");  
4.      var url = "servlet/AjaxServlet?name="\+encodeURI(encodeURI($("\#userName").val()));  
5.      url = convertURL(url);  
6.      $.get(url,null,function(data)\{  
7.          $("\#result").html(data);  
8.      \});  
9.  \}  
10. //给url地址增加时间蒫，难过浏览器，不读取缓存  
11. function convertURL(url)\{  
12.     //获取时间戳  
13.     var timstamp = (new Date()).valueOf();  
14.     //将时间戳信息拼接到url上  
15.     if(url.indexOf("?") >=0)\{  
16.         url = url + "&t=" + timstamp;  
17.     \}else\{  
18.         url = url + "?t=" + timstamp;  
19.     \}  
20.     return url;  
21. \}

##    3,前台页面 ##

**\[html\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  <!DOCTYPE html>  
2.  <html>  
3.    <head>  
4.      <title>AJAX实例</title>  
5.        
6.      <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
7.      <meta http-equiv="description" content="this is my page">  
8.      <meta http-equiv="content-type" content="text/html; charset=GBK">  
9.      <script type="text/javascript" src="js/verify.js"></script>  
10.     <script type="text/javascript" src="js/jquery.js"></script>  
11.       
12.   
13.   </head>  
14.     
15.   <body>  
16.         <font color="blue" size="2">请输入用户名：</font>   
17.          <input type="text" id="userName" /><font color="red" size="2"><span id="result" >\*</span></font><br/><br/>  
18.            
19.           <input type="submit" name="提交" value="提交"  onclick="verify()"/>  
20.            
21.   </body>  
22. </html>

[view plain]: http://blog.csdn.net/qq445422083/article/details/7965270#