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

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

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

    Java學(xué)習(xí)

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

     

    AJAX調(diào)用SERVLET例子

    工作需要自己寫了個例子調(diào)用SERVLET的,可以運(yùn)行,

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

    index.jsp頁面

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

    原創(chuàng)  AJAX調(diào)用SERVLET例子 收藏

    工作需要自己寫了個例子調(diào)用SERVLET的,可以運(yùn)行,

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

    index.jsp頁面

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

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

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

    GetAndPostExample

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

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

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

    web.xml

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

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

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


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


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


    網(wǎng)站導(dǎo)航:
     

    導(dǎo)航

    統(tǒng)計(jì)

    公告

    本blog已經(jīng)搬到新家了, 新家:www.javaly.cn
     http://www.javaly.cn

    常用鏈接

    留言簿(6)

    隨筆檔案

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲av无码成人精品区| 在线成人爽a毛片免费软件| 在线观看免费国产视频| 亚洲人成在线精品| 18以下岁毛片在免费播放| 亚洲成人激情在线| 久久九九AV免费精品| 亚洲国产精品无码久久SM| 国产在线精品免费aaa片| 亚洲国产女人aaa毛片在线| 欧洲精品99毛片免费高清观看| 亚洲AV无码第一区二区三区| 日韩精品无码免费一区二区三区| 亚洲精品国产成人99久久| 91av视频免费在线观看| 2020国产精品亚洲综合网| 午夜老司机免费视频| 国产午夜亚洲精品不卡免下载| jizzjizz亚洲| 在线观看免费无码专区| 亚洲图片中文字幕| 国产精品免费视频网站| 一本大道一卡二大卡三卡免费| 亚洲乱码中文字幕综合| 色猫咪免费人成网站在线观看| 亚洲精品第五页中文字幕| 四虎影视免费在线| 一边摸一边桶一边脱免费视频 | 91青青青国产在观免费影视| 亚洲国产成人精品无码区在线秒播| 猫咪社区免费资源在线观看 | 亚洲免费观看视频| 久久久久久久亚洲Av无码| 性色av无码免费一区二区三区| 色网站在线免费观看| 亚洲成AV人片在线观看无码| 999久久久免费精品国产| 羞羞视频免费网站日本| 内射干少妇亚洲69XXX| 免费观看国产小粉嫩喷水| 免费精品一区二区三区第35|