AJAX调用SERVLET例子

发布时间：2020-12-16 00:25:08 所属栏目：百科来源：网络整理

导读：工作需要自己写了个例子调用SERVLET的，可以运行，很简单就是一个index.jsp页面，一个GetAndPostExample servlet后台，和WEB.XML配置文件 index.jsp页面 -----------------------------------------------------------------------------------------------

工作需要自己写了个例子调用SERVLET的，可以运行，

很简单就是一个index.jsp页面，一个GetAndPostExample servlet后台，和WEB.XML配置文件

index.jsp页面

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

[java] 
   view plain 
   copy 
    
   
 <%@pagelanguage="java"import="java.util.*"pageEncoding="gb2312"%>
 <%request.setCharacterEncoding("GB2312");%>
 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <htmlxmlns="http://www.w3.org/1999/xhtml">
 <head>
 <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
 <title>AJAX测试</title>
 <mce:scriptlanguage="javascript"><!--
 varxmlHttp;
 //创建xmlHttp
 functioncreateXMLHttpRequest()
 {
 if(window.ActiveXObject)
 xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
 }
elseif(window.XMLHttpRequest)
newXMLHttpRequest();
 }
 
 //拼出要发送的姓名数据
 functioncreateQueryString()
 {
 varfirstName=document.getElementById("firstname").value;
 varmiddleName=document.getElementById("middleName").value;
 varbirthday=document.getElementById("birthday").value;
 
 varqueryString="firstName="+firstName+"&middleName="+middleName+"&birthday="+birthday;
returnqueryString;
//使用get方式发送
 functiondoRequestUsingGET()
 createXMLHttpRequest();
 varqueryString="./GetAndPostExample?";
 queryString=queryString+createQueryString()+"&timeStamp="+newDate().getTime();
 xmlHttp.onreadystatechange=handleStateChange;
 xmlHttp.open("GET",queryString,true);
 xmlHttp.send(null);
//使用post方式发送
 functiondoRequestUsingPost()
 createXMLHttpRequest();
 varurl="./GetAndPostExample?timeStamp="+ varqueryString=createQueryString();
 xmlHttp.open("POST",url,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 xmlHttp.send(queryString);
 functionhandleStateChange()
 if(xmlHttp.readyState==4)
if(xmlHttp.status==200)
 parseResults();
//解析返回值
 functionparseResults()
 varresponseDiv=document.getElementById("serverResponse");
if(responseDiv.hasChildNodes())
 responseDiv.removeChild(responseDiv.childNodes[0]);
 varresponseText=document.createTextNode(xmlHttp.responseText);
 alert("后台返回的返回值："+xmlHttp.responseText);
 responseDiv.appendChild(responseText);
//--></mce:script>
 </head>
 <body>
 <formid="form1"name="form1"method="post"action="#">
 <p><br/>
 <br/>
 姓：<inputname="firstName"type="text"id="firstName"/>
 </p>
 <p>
 <label>
 名：<inputtype="text"name="middleName"id="middleName"/>
 </label>
 </p>
 <p>
 生日：<inputname="birthday"type="text"id="birthday"/>
 <p></p>
 <inputtype="button"name="Submit"value="GET"onclick="doRequestUsingGET();"/>
 <inputtype="button"name="Submit2"value="POST"onclick="doRequestUsingPost();"/>
 <divid="serverResponse"></div>
 </form>
 </body>
 </html>

GetAndPostExample

copy

temp;

importjava.io.IOException;
importjava.io.PrintWriter;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
publicclassGetAndPostExampleextendsHttpServlet{
/**
*Constructoroftheobject.
*/
publicGetAndPostExample(){
super();
/**
*Destructionoftheservlet.<br>
*/
voiddestroy(){
super.destroy();//Justputs"destroy"stringinlog
//Putyourcodehere
*ThedoGetmethodoftheservlet.<br>
*
*Thismethodiscalledwhenaformhasitstagvaluemethodequalstoget.
*@paramrequest
*therequestsendbytheclienttotheserver
*@paramresponse
*theresponsesendbytheservertotheclient
*@throwsServletException
*ifanerroroccurred
*@throwsIOException
voiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
doPost(request,response);
*ThedoPostmethodoftheservlet.<br>
*Thismethodiscalledwhenaformhasitstagvaluemethodequalsto
*post.
*
*@paramrequest
*therequestsendbytheclienttotheserver
*@paramresponse
*theresponsesendbytheservertotheclient
*@throwsServletException
*ifanerroroccurred
*@throwsIOException
voiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
Stringdata="";
Stringtemp="";
temp=(String)request.getParameter("firstName");
data=data+"第一个名字"+temp;
temp=(String)request.getParameter("middleName");
data=data+"中间的名字"+temp;
temp=(String)request.getParameter("birthday");
data=data+"生日"+temp;
temp=(String)request.getParameter("timeStamp");
data=data+"调用时间"+temp;
System.out.println("获得的数据"+data);
response.setContentType("text/html;charset=gb2312");
PrintWriterout=response.getWriter();
out.println(data);
out.flush();
out.close();
*Initializationoftheservlet.<br>
*ifanerroroccurs
voidinit()throwsServletException{
//Putyourcodehere
}

web.xml

copy

<?xmlversion="1.0"encoding="UTF-8"?>

<web-appversion="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<description>ThisisthedescriptionofmyJ2EEcomponent</description>
<display-name>ThisisthedisplaynameofmyJ2EEcomponent</display-name>
<servlet-name>GetAndPostExample</servlet-name>
<servlet-class>temp.GetAndPostExample</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>GetAndPostExample</servlet-name>
<url-pattern>/GetAndPostExample</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!