AJAX调用SERVLET例子

最新推荐文章于 2024-09-22 09:16:40 发布

原创最新推荐文章于 2024-09-22 09:16:40 发布 · 3.8w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #ajax #string #xmlhttprequest #function #input

JAVA编程专栏收录该内容

50 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用GET和POST方法通过AJAX与Servlet进行交互。该示例包括一个HTML表单，用于输入姓名和生日等信息，并将其发送到服务器端的Servlet。

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

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

index.jsp页面

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

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%request.setCharacterEncoding("GB2312");%> <!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>AJAX测试</title> <mce:script language="javascript"></mce: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> </p> <p> <input type="button" name="Submit" value="GET" onclick="doRequestUsingGET();"/> <input type="button" name="Submit2" value="POST" onclick="doRequestUsingPost();"/> </p> <div id="serverResponse"></div> </form> </body> </html>

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

GetAndPostExample

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

package temp; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class GetAndPostExample extends HttpServlet { /** * Constructor of the object. */ public GetAndPostExample() { super(); } /** * Destruction of the servlet. <br> */ public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } /** * The doGet method of the servlet. <br> * * This method is called when a form has its tag value method equals to get. * * @param request * the request send by the client to the server * @param response * the response send by the server to the client * @throws ServletException * if an error occurred * @throws IOException * if an error occurred */ public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } /** * The doPost method of the servlet. <br> * * This method is called when a form has its tag value method equals to * post. * * @param request * the request send by the client to the server * @param response * the response send by the server to the client * @throws ServletException * if an error occurred * @throws IOException * if an error occurred */ public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String data = ""; String temp = ""; 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"); PrintWriter out = response.getWriter(); out.println(data); out.flush(); out.close(); } /** * Initialization of the servlet. <br> * * @throws ServletException * if an error occurs */ public void init() throws ServletException { // Put your code here } }

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

web.xml

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

<?xml version="1.0" encoding="UTF-8"?> <web-app version="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>This is the description of my J2EE component</description> <display-name>This is the display name of my J2EE component</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>

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