<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    Java學習
    

    java,spring,structs,hibernate,jsf,ireport,jfreechart,jasperreport,tomcat,jboss -----本博客已經搬家了，新的地址是 http://www.javaly.cn  如果有對文章有任何疑問或者有任何不懂的地方，歡迎到www.javaly.cn (Java樂園）指出，我會盡力幫助解決。一起進步
    

     
    
			
    
				
					
	
    
		
    
			AJAX調用SERVLET例子
		
    
		
    工作需要自己寫了個例子調用SERVLET的，可以運行，
    

    很簡單就是一個index.jsp頁面，一個GetAndPostExample servlet后臺，和WEB.XML配置文件
    

    index.jsp頁面
    

      
    
    1. <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>  
      2. 
    
    2. <%request.setCharacterEncoding("GB2312");%>   
      3. 
    
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
      4. 
    
    4. <html xmlns="http://www.w3.org/1999/xhtml">  
      5. 
    
    5. <head>  
      6. 
    
    6. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
      7. 
    
    7. <title>AJAX測試</title>  
      8. 
    
    8. <mce:script language="javascript"><!--  
      9. 
    
    9. var xmlHttp;  
      10. 
    
    10.     //創建xmlHttp  
      11. 
    
    11.     function createXMLHttpRequest()  
      12. 
    
    12.     {  
      13. 
    
    13.      if(window.ActiveXObject)  
      14. 
    
    14.      {  
      15. 
    
    15.       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  
      16. 
    
    16.      }  
      17. 
    
    17.      else if(window.XMLHttpRequest)  
      18. 
    
    18.      {  
      19. 
    
    19.       xmlHttp=new XMLHttpRequest();  
      20. 
    
    20.      }  
      21. 
    
    21.     }  
      22. 
    
    22.       
      23. 
    
    23.     //拼出要發送的姓名數據  
      24. 
    
    24.     function createQueryString()  
      25. 
    
    25.     {  
      26. 
    
    26.      var firstName=document.getElementById("firstname").value;  
      27. 
    
    27.      var middleName=document.getElementById("middleName").value;  
      28. 
    
    28.      var birthday=document.getElementById("birthday").value;  
      29. 
    
    29.         
      30. 
    
    30.      var queryString="firstName=" + firstName + "&middleName=" + middleName + "&birthday=" + birthday;  
      31. 
    
    31.      return queryString;  
      32. 
    
    32.     }  
      33. 
    
    33.       
      34. 
    
    34.     //使用get方式發送  
      35. 
    
    35.     function doRequestUsingGET()  
      36. 
    
    36.     {  
      37. 
    
    37.      createXMLHttpRequest();  
      38. 
    
    38.      var queryString="./GetAndPostExample?";  
      39. 
    
    39.      queryString=queryString+createQueryString() + "&timeStamp=" + new Date().getTime();  
      40. 
    
    40.      xmlHttp.onreadystatechange=handleStateChange;  
      41. 
    
    41.      xmlHttp.open("GET",queryString,true);  
      42. 
    
    42.      xmlHttp.send(null);  
      43. 
    
    43.     }  
      44. 
    
    44.       
      45. 
    
    45.     //使用post方式發送  
      46. 
    
    46.     function doRequestUsingPost()  
      47. 
    
    47.     {  
      48. 
    
    48.      createXMLHttpRequest();  
      49. 
    
    49.      var url="./GetAndPostExample?timeStamp=" + new Date().getTime();  
      50. 
    
    50.      var queryString=createQueryString();  
      51. 
    
    51.      xmlHttp.open("POST",url,true);  
      52. 
    
    52.      xmlHttp.onreadystatechange=handleStateChange;  
      53. 
    
    53.      xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
      54. 
    
    54.      xmlHttp.send(queryString);  
      55. 
    
    55.     }  
      56. 
    
    56.       
      57. 
    
    57.       
      58. 
    
    58.     function handleStateChange()  
      59. 
    
    59.     {  
      60. 
    
    60.      if(xmlHttp.readyState==4)  
      61. 
    
    61.      {  
      62. 
    
    62.       if(xmlHttp.status==200)  
      63. 
    
    63.       {  
      64. 
    
    64.        parseResults();  
      65. 
    
    65.       }  
      66. 
    
    66.      }  
      67. 
    
    67.     }  
      68. 
    
    68.       
      69. 
    
    69.     //解析返回值  
      70. 
    
    70.     function parseResults()  
      71. 
    
    71.     {  
      72. 
    
    72.      var responseDiv=document.getElementById("serverResponse");  
      73. 
    
    73.      if(responseDiv.hasChildNodes())  
      74. 
    
    74.      {  
      75. 
    
    75.       responseDiv.removeChild(responseDiv.childNodes[0]);  
      76. 
    
    76.      }  
      77. 
    
    77.      var responseText=document.createTextNode(xmlHttp.responseText);  
      78. 
    
    78.       alert("后臺返回的返回值： "+xmlHttp.responseText);  
      79. 
    
    79.      responseDiv.appendChild(responseText);  
      80. 
    
    80.     }  
      81. 
    
    81. // --></mce:script>  
      82. 
    
    82. </head>  
      83. 
    
    83.   
      84. 
    
    84. <body>  
      85. 
    
    85. <form id="form1" name="form1" method="post" action="#">  
      86. 
    
    86.   <p><br />  
      87. 
    
    87.     <br />  
      88. 
    
    88.      姓：<input name="firstName" type="text" id="firstName" />  
      89. 
    
    89. </p>  
      90. 
    
    90.   <p>  
      91. 
    
    91.     <label>  
      92. 
    
    92.     名：<input type="text" name="middleName" id="middleName"  />  
      93. 
    
    93.     </label>  
      94. 
    
    94. </p>  
      95. 
    
    95.   <p>  
      96. 
    
    96.     生日：<input name="birthday" type="text" id="birthday" />  
      97. 
    
    97.   </p>  
      98. 
    
    98.   <p> </p>  
      99. 
    
    99.   <p>  
      100. 
    
    100.     <input type="button" name="Submit" value="GET"  onclick="doRequestUsingGET();"/>  
      101. 
    
    101.                         
      102. 
    
    102.  <input type="button" name="Submit2" value="POST"  onclick="doRequestUsingPost();"/>  
      103. 
    
    103.   </p>  
      104. 
    
    104.   
      105. 
    
    105.   <div id="serverResponse"></div>  
      106. 
    
    106. </form>  
      107. 
    
    107.   
      108. 
    
    108. </body>  
      109. 
    
    109. </html>  
      
    
      110. 

    

    

    
原創 
AJAX調用SERVLET例子

收藏


    



    工作需要自己寫了個例子調用SERVLET的，可以運行，
    

    很簡單就是一個index.jsp頁面，一個GetAndPostExample servlet后臺，和WEB.XML配置文件
    

    index.jsp頁面
    

    -------------------------------------------------------------------------------------------------------
    

    

    


    

      
    
    1. <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>  
      2. 
    
    2. <%request.setCharacterEncoding("GB2312");%>   
      3. 
    
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
      4. 
    
    4. <html xmlns="http://www.w3.org/1999/xhtml">  
      5. 
    
    5. <head>  
      6. 
    
    6. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
      7. 
    
    7. <title>AJAX測試</title>  
      8. 
    
    8. <mce:script language="javascript"><!--  
      9. 
    
    9. var xmlHttp;  
      10. 
    
    10.     //創建xmlHttp  
      11. 
    
    11.     function createXMLHttpRequest()  
      12. 
    
    12.     {  
      13. 
    
    13.      if(window.ActiveXObject)  
      14. 
    
    14.      {  
      15. 
    
    15.       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  
      16. 
    
    16.      }  
      17. 
    
    17.      else if(window.XMLHttpRequest)  
      18. 
    
    18.      {  
      19. 
    
    19.       xmlHttp=new XMLHttpRequest();  
      20. 
    
    20.      }  
      21. 
    
    21.     }  
      22. 
    
    22.       
      23. 
    
    23.     //拼出要發送的姓名數據  
      24. 
    
    24.     function createQueryString()  
      25. 
    
    25.     {  
      26. 
    
    26.      var firstName=document.getElementById("firstname").value;  
      27. 
    
    27.      var middleName=document.getElementById("middleName").value;  
      28. 
    
    28.      var birthday=document.getElementById("birthday").value;  
      29. 
    
    29.         
      30. 
    
    30.      var queryString="firstName=" + firstName + "&middleName=" + middleName + "&birthday=" + birthday;  
      31. 
    
    31.      return queryString;  
      32. 
    
    32.     }  
      33. 
    
    33.       
      34. 
    
    34.     //使用get方式發送  
      35. 
    
    35.     function doRequestUsingGET()  
      36. 
    
    36.     {  
      37. 
    
    37.      createXMLHttpRequest();  
      38. 
    
    38.      var queryString="./GetAndPostExample?";  
      39. 
    
    39.      queryString=queryString+createQueryString() + "&timeStamp=" + new Date().getTime();  
      40. 
    
    40.      xmlHttp.onreadystatechange=handleStateChange;  
      41. 
    
    41.      xmlHttp.open("GET",queryString,true);  
      42. 
    
    42.      xmlHttp.send(null);  
      43. 
    
    43.     }  
      44. 
    
    44.       
      45. 
    
    45.     //使用post方式發送  
      46. 
    
    46.     function doRequestUsingPost()  
      47. 
    
    47.     {  
      48. 
    
    48.      createXMLHttpRequest();  
      49. 
    
    49.      var url="./GetAndPostExample?timeStamp=" + new Date().getTime();  
      50. 
    
    50.      var queryString=createQueryString();  
      51. 
    
    51.      xmlHttp.open("POST",url,true);  
      52. 
    
    52.      xmlHttp.onreadystatechange=handleStateChange;  
      53. 
    
    53.      xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
      54. 
    
    54.      xmlHttp.send(queryString);  
      55. 
    
    55.     }  
      56. 
    
    56.       
      57. 
    
    57.       
      58. 
    
    58.     function handleStateChange()  
      59. 
    
    59.     {  
      60. 
    
    60.      if(xmlHttp.readyState==4)  
      61. 
    
    61.      {  
      62. 
    
    62.       if(xmlHttp.status==200)  
      63. 
    
    63.       {  
      64. 
    
    64.        parseResults();  
      65. 
    
    65.       }  
      66. 
    
    66.      }  
      67. 
    
    67.     }  
      68. 
    
    68.       
      69. 
    
    69.     //解析返回值  
      70. 
    
    70.     function parseResults()  
      71. 
    
    71.     {  
      72. 
    
    72.      var responseDiv=document.getElementById("serverResponse");  
      73. 
    
    73.      if(responseDiv.hasChildNodes())  
      74. 
    
    74.      {  
      75. 
    
    75.       responseDiv.removeChild(responseDiv.childNodes[0]);  
      76. 
    
    76.      }  
      77. 
    
    77.      var responseText=document.createTextNode(xmlHttp.responseText);  
      78. 
    
    78.       alert("后臺返回的返回值： "+xmlHttp.responseText);  
      79. 
    
    79.      responseDiv.appendChild(responseText);  
      80. 
    
    80.     }  
      81. 
    
    81. // --></mce:script>  
      82. 
    
    82. </head>  
      83. 
    
    83.   
      84. 
    
    84. <body>  
      85. 
    
    85. <form id="form1" name="form1" method="post" action="#">  
      86. 
    
    86.   <p><br />  
      87. 
    
    87.     <br />  
      88. 
    
    88.      姓：<input name="firstName" type="text" id="firstName" />  
      89. 
    
    89. </p>  
      90. 
    
    90.   <p>  
      91. 
    
    91.     <label>  
      92. 
    
    92.     名：<input type="text" name="middleName" id="middleName"  />  
      93. 
    
    93.     </label>  
      94. 
    
    94. </p>  
      95. 
    
    95.   <p>  
      96. 
    
    96.     生日：<input name="birthday" type="text" id="birthday" />  
      97. 
    
    97.   </p>  
      98. 
    
    98.   <p> </p>  
      99. 
    
    99.   <p>  
      100. 
    
    100.     <input type="button" name="Submit" value="GET"  onclick="doRequestUsingGET();"/>  
      101. 
    
    101.                         
      102. 
    
    102.  <input type="button" name="Submit2" value="POST"  onclick="doRequestUsingPost();"/>  
      103. 
    
    103.   </p>  
      104. 
    
    104.   
      105. 
    
    105.   <div id="serverResponse"></div>  
      106. 
    
    106. </form>  
      107. 
    
    107.   
      108. 
    
    108. </body>  
      109. 
    
    109. </html>  
      110. 

    

    


    -------------------------------------------------------------------------------------------------------
    

    GetAndPostExample
    

    -------------------------------------------------------------------------------------------------------
    

    

    


    

      
    
    1. package temp;  
      2. 
    
    2.   
      3. 
    
    3. import java.io.IOException;  
      4. 
    
    4. import java.io.PrintWriter;  
      5. 
    
    5.   
      6. 
    
    6. import javax.servlet.ServletException;  
      7. 
    
    7. import javax.servlet.http.HttpServlet;  
      8. 
    
    8. import javax.servlet.http.HttpServletRequest;  
      9. 
    
    9. import javax.servlet.http.HttpServletResponse;  
      10. 
    
    10.   
      11. 
    
    11. public class GetAndPostExample extends HttpServlet {  
      12. 
    
    12.   
      13. 
    
    13.     /** 
      14. 
    
    14.      * Constructor of the object. 
      15. 
    
    15.      */  
      16. 
    
    16.     public GetAndPostExample() {  
      17. 
    
    17.         super();  
      18. 
    
    18.     }  
      19. 
    
    19.   
      20. 
    
    20.     /** 
      21. 
    
    21.      * Destruction of the servlet. <br> 
      22. 
    
    22.      */  
      23. 
    
    23.     public void destroy() {  
      24. 
    
    24.         super.destroy(); // Just puts "destroy" string in log  
      25. 
    
    25.         // Put your code here  
      26. 
    
    26.     }  
      27. 
    
    27.   
      28. 
    
    28.     /** 
      29. 
    
    29.      * The doGet method of the servlet. <br> 
      30. 
    
    30.      *  
      31. 
    
    31.      * This method is called when a form has its tag value method equals to get. 
      32. 
    
    32.      *  
      33. 
    
    33.      * @param request 
      34. 
    
    34.      *            the request send by the client to the server 
      35. 
    
    35.      * @param response 
      36. 
    
    36.      *            the response send by the server to the client 
      37. 
    
    37.      * @throws ServletException 
      38. 
    
    38.      *             if an error occurred 
      39. 
    
    39.      * @throws IOException 
      40. 
    
    40.      *             if an error occurred 
      41. 
    
    41.      */  
      42. 
    
    42.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
      43. 
    
    43.             throws ServletException, IOException {  
      44. 
    
    44.   
      45. 
    
    45.         doPost(request, response);  
      46. 
    
    46.     }  
      47. 
    
    47.   
      48. 
    
    48.     /** 
      49. 
    
    49.      * The doPost method of the servlet. <br> 
      50. 
    
    50.      *  
      51. 
    
    51.      * This method is called when a form has its tag value method equals to 
      52. 
    
    52.      * post. 
      53. 
    
    53.      *  
      54. 
    
    54.      * @param request 
      55. 
    
    55.      *            the request send by the client to the server 
      56. 
    
    56.      * @param response 
      57. 
    
    57.      *            the response send by the server to the client 
      58. 
    
    58.      * @throws ServletException 
      59. 
    
    59.      *             if an error occurred 
      60. 
    
    60.      * @throws IOException 
      61. 
    
    61.      *             if an error occurred 
      62. 
    
    62.      */  
      63. 
    
    63.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
      64. 
    
    64.             throws ServletException, IOException {  
      65. 
    
    65.   
      66. 
    
    66.         String data = "";  
      67. 
    
    67.         String temp = "";  
      68. 
    
    68.   
      69. 
    
    69.         temp = (String) request.getParameter("firstName");  
      70. 
    
    70.         data = data + "第一個名字" + temp;  
      71. 
    
    71.         temp = (String) request.getParameter("middleName");  
      72. 
    
    72.         data = data + "  中間的名字" + temp;  
      73. 
    
    73.         temp = (String) request.getParameter("birthday");  
      74. 
    
    74.         data = data + "  生日" + temp;  
      75. 
    
    75.         temp = (String) request.getParameter("timeStamp");  
      76. 
    
    76.         data = data + "  調用時間" + temp;  
      77. 
    
    77.           
      78. 
    
    78.         System.out.println("獲得的數據   " + data);  
      79. 
    
    79.   
      80. 
    
    80.         response.setContentType("text/html;charset=gb2312");  
      81. 
    
    81.   
      82. 
    
    82.         PrintWriter out = response.getWriter();  
      83. 
    
    83.   
      84. 
    
    84.         out.println(data);  
      85. 
    
    85.         out.flush();  
      86. 
    
    86.         out.close();  
      87. 
    
    87.     }  
      88. 
    
    88.   
      89. 
    
    89.     /** 
      90. 
    
    90.      * Initialization of the servlet. <br> 
      91. 
    
    91.      *  
      92. 
    
    92.      * @throws ServletException 
      93. 
    
    93.      *             if an error occurs 
      94. 
    
    94.      */  
      95. 
    
    95.     public void init() throws ServletException {  
      96. 
    
    96.         // Put your code here  
      97. 
    
    97.     }  
      98. 
    
    98.   
      99. 
    
    99. }  
      100. 

    

    


    -------------------------------------------------------------------------------------------------------
    

    web.xml
    

    -------------------------------------------------------------------------------------------------------
    

    

    


    

      
    
    1. <?xml version="1.0" encoding="UTF-8"?>  
      2. 
    
    2. <web-app version="2.4"   
      3. 
    
    3.     xmlns="http://java.sun.com/xml/ns/j2ee"   
      4. 
    
    4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
      5. 
    
    5.     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee   
      6. 
    
    6.     http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">  
      7. 
    
    7.   <servlet>  
      8. 
    
    8.     <description>This is the description of my J2EE component</description>  
      9. 
    
    9.     <display-name>This is the display name of my J2EE component</display-name>  
      10. 
    
    10.     <servlet-name>GetAndPostExample</servlet-name>  
      11. 
    
    11.     <servlet-class>temp.GetAndPostExample</servlet-class>  
      12. 
    
    12.   </servlet>  
      13. 
    
    13.   
      14. 
    
    14.   <servlet-mapping>  
      15. 
    
    15.     <servlet-name>GetAndPostExample</servlet-name>  
      16. 
    
    16.     <url-pattern>/GetAndPostExample</url-pattern>  
      17. 
    
    17.   </servlet-mapping>  
      18. 
    
    18.   <welcome-file-list>  
      19. 
    
    19.     <welcome-file>index.jsp</welcome-file>  
      20. 
    
    20.   </welcome-file-list>  
      21. 
    
    21. </web-app>  
      22. 

    

    


    -------------------------------------------------------------------------------------------------------
    

    

		
    
			posted on 2009-10-12 17:34 找個美女做老婆 閱讀(4026) 評論(0)  編輯  收藏  
		
    
	
    
	
	


	


    
	    
    




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
    
			博客園  
			IT新聞  
			Chat2DB  
			C++博客  
			博問  
			
			
    
		    		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				
			
    
			
    
				
					

    導航
    

					

    統計
    
	
					

    公告
    
	本blog已經搬到新家了， 新家：www.javaly.cn 
    
 http://www.javaly.cn
    


					

    常用鏈接
    


    留言簿(6)
    


		
    隨筆檔案
    
		
				
			
	
		
    文章檔案
    
		
				
			
	



    搜索
    



    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


				
			
    			
			

	

    







    
        
	



主站蜘蛛池模板：
桃子视频在线观看高清免费视频|
国产精品免费看香蕉|
中文字幕亚洲综合久久菠萝蜜|
亚洲国产精品ⅴa在线观看|
一个人看www在线高清免费看|
免费看男女下面日出水视频|
亚洲国产精品无码久久久秋霞1|
无人在线观看完整免费版视频|
亚洲国产日韩视频观看|
大学生一级特黄的免费大片视频|
亚洲日本一区二区一本一道|
亚洲精品熟女国产|
久久久精品视频免费观看|
搡女人真爽免费视频大全|
亚洲高清乱码午夜电影网|
免费a级毛片无码av|
亚洲免费无码在线|
久久精品视频亚洲|
五月婷婷免费视频|
人人狠狠综合久久亚洲婷婷|
日韩免费在线中文字幕|
亚洲日本va中文字幕久久|
色屁屁在线观看视频免费|
无码一区二区三区AV免费|
99亚洲男女激情在线观看|
亚洲人成人无码网www国产|
十八禁在线观看视频播放免费|
亚洲av无码不卡私人影院|
亚洲久悠悠色悠在线播放|
国产zzjjzzjj视频全免费|
成在人线av无码免费高潮水|
亚洲性一级理论片在线观看|
国产精品冒白浆免费视频|
成人性生交大片免费看中文|
国产精品亚洲精品|
亚洲精品综合久久|
日本阿v免费费视频完整版|
xxxxx做受大片在线观看免费|
久久久久亚洲AV无码网站|
国产午夜鲁丝片AV无码免费|
国产一精品一av一免费爽爽
|