用Ajax的Get和Post调用Servlet的简单示例及代码

原创 2008年09月28日 10:19:00

***************************************Ajax网页代码****************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var xmlHttp;
function createXMLHttpRequest()
{
 if(window.ActiveXObject)
 {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 else if(window.XMLHttpRequest)
 {
  xmlHttp=new XMLHttpRequest();
 }
}
function createQueryString()
{
 var firstName=document.getElementById("firstname").value;
 var middleName=document.getElementById("middleName").value;
 var birthday=document.getElementById("birthday").value;
 var queryString="firstName=" + firstName + "&middleName=" + middleName + "&birthday=" + birthday;
 return queryString;
}
function doRequestUsingGET()
{
 createXMLHttpRequest();
 var queryString="../GetAndPost?";
 queryString=queryString+createQueryString() + "&timeStamp=" + new Date().getTime();
 xmlHttp.onreadystatechange=handleStateChange;
 xmlHttp.open("GET",queryString,true);
 xmlHttp.send(null);
}
function doRequestUsingPost()
{
 createXMLHttpRequest();
 var url="../GetAndPost?timeStamp=" + new Date().getTime();
 var queryString=createQueryString();
 xmlHttp.open("POST",url,true);
 xmlHttp.onreadystatechange=handleStateChange;
 xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 xmlHttp.send(queryString);
}
function handleStateChange()
{
 if(xmlHttp.readyState==4)
 {
  if(xmlHttp.status==200)
  {
   parseResults();
  }
 }
}
function parseResults()
{
 var responseDiv=document.getElementById("serverResponse");
 if(responseDiv.hasChildNodes())
 {
  responseDiv.removeChild(responseDiv.childNodes[0]);
 }
 var responseText=document.createTextNode(xmlHttp.responseText);
 responseDiv.appendChild(responseText);
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="#">
  <p><br />
    <br />
    <input name="firstName" type="text" id="firstName" />
</p>
  <p>
    <label>
    <input type="text" name="middleName" id="middleName"  />
    </label>
</p>
  <p>
    <input name="birthday" type="text" id="birthday" />
  </p>
  <p>&nbsp;</p>
  <p>
    <input type="button" name="Submit" value="GET"  onclick="doRequestUsingGET();"/>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <input type="button" name="Submit2" value="POST"  onclick="doRequestUsingPost();"/>
  </p>

  <div id="serverResponse"></div>
</form>

</body>
</html>

***********************************Servlet代码*****************

package temp;

import java.io.*;
import java.net.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class GetAndPostExample extends HttpServlet{
  protected void processRequest(HttpServletRequest request,HttpServletResponse response,String method) throws ServletException,IOException
  {
    response.setContentType("text/xml");

    String firstName=request.getParameter("firstName");
    String middleName=request.getParameter("middleName");
    String birthday=request.getParameter("birthday");

    String responseText="hello:" + firstName + "-" + middleName + "。your birthday is " + birthday + "。" + "[method:" + method + "]";

    PrintWriter out=response.getWriter();
    out.println(responseText);

    out.close();
  }

  protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException
  {
    processRequest(request,response,"GET");
  }

  protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException
  {
    processRequest(request,response,"POST");
  }

}
**************************

用AJAX的Get和Post调用Servlet的简单示例

Servlet类的代码: public class StbCfgServicetServlet  extends HttpServlet {     private static final...
  • satellite0818ok
  • satellite0818ok
  • 2011年11月03日 18:24
  • 3948

用AJAX的Get和Post调用Servlet的简单示例。

***************************************AJAX网页代码****************http://www.w3.org/TR/xhtml1/DTD/xhtml...
  • ruanruoshi
  • ruanruoshi
  • 2006年03月31日 12:01
  • 13235

servlet之间Get()与Post()的区别

在JAVA web里面Sevlet是Sevlet API的核心接口,可以实现对用户的请求的进行监控和响应。 HTTP里面定义有几个请求的方法: GET()      请求读取一个WEB页面...
  • u010470716
  • u010470716
  • 2013年05月20日 22:26
  • 856

关于 GET 和 POST 请求的简单示例

关于 GET 和 POST 请求的简单示例
  • antimage08
  • antimage08
  • 2015年12月07日 12:27
  • 807

【Servlet】Servlet应用的get、post访问及和JSP的配合使用

Servlet是一种服务器端的Java应用程序,具有独立于平台和协议的特性,可以生成动态的Web页面。  它担当客户请求(Web浏览器或其他HTTP客户程序)与服务器响应(HTTP服务器上的数据库或应...
  • oYunTaoLianWu
  • oYunTaoLianWu
  • 2013年08月31日 03:29
  • 5189

深入解析Ajax($.post和$.get的主要区别)——系列(二)

深入解析Ajax
  • laijieyao
  • laijieyao
  • 2014年10月24日 13:59
  • 17042

ajax异步请求的get方法和post方法简单使用

GET请求方法: function checkname(){ //ajax方式校验用户名 //A. 获得被校验的用户名信息 va...
  • u010505805
  • u010505805
  • 2017年04月19日 09:51
  • 674

jQuery中$.get()、$.post()和$.ajax()

jQuery.get()方法: $.get(url,data,success(response,status,xhr),dataType) 该函数是简写的 Ajax 函数,等价于: $.ajax...
  • u013474436
  • u013474436
  • 2015年06月02日 23:26
  • 15704

servlet的传参例子以及get与post的之间的问题

以下例子为实现从一张html页面传入参数到servlet当中用的是get方法学校老师说用get方法传会出现问题,要我们就用post后来我查了查资料发现问出在get的请求方式上面。它是把参数放在请求头里...
  • ourmessage
  • ourmessage
  • 2006年12月03日 15:06
  • 1552

Jquery的$.ajax和$.post,$.get的用法总结

在项目的实际环境中,我们需要经常进行局部的操作,所要用到的主要是ajax的异步刷新技术。下面分别说一下Jquery的$.ajax和$.post,$get的用法和注意的问题。 (1)$.ajax $...
  • u012979009
  • u012979009
  • 2015年08月19日 19:39
  • 742
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用Ajax的Get和Post调用Servlet的简单示例及代码
举报原因:
原因补充:

(最多只允许输入30个字)