Eclipse创建Maven WebApp项目JSP AJAX调用SERVLET

最新推荐文章于 2024-05-16 23:42:37 发布

allway2

最新推荐文章于 2024-05-16 23:42:37 发布

阅读量429

点赞数

文章标签： maven java 开发语言

本文链接：https://blog.csdn.net/allway2/article/details/123415626

版权

创建 Maven 项目

在 Eclipse 上，创建一个Maven项目

单击下一步按钮以选择项目的工作区位置

单击下一步按钮为项目选择Archetype

单击下一步按钮并输入项目信息：

组 ID：LearnJSPServletWithRealApps
工件 ID：LearnJSPServletWithRealApps
包：com.demo

点击Finish按钮完成创建 Maven 项目

配置 pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>LearnJSPServletWithRealApps</groupId>
	<artifactId>LearnJSPServletWithRealApps</artifactId>
	<packaging>war</packaging>
	<version>0.0.1-SNAPSHOT</version>
	<name>Learn JSP-Servlet with Real Apps</name>
	<url>http://maven.apache.org</url>
	<dependencies>
		<dependency>
			<groupId>junit</groupId>
			<artifactId>junit</artifactId>
			<version>3.8.1</version>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>javax.servlet.jsp.jstl</groupId>
			<artifactId>javax.servlet.jsp.jstl-api</artifactId>
			<version>1.2.1</version>
		</dependency>
		<dependency>
			<groupId>taglibs</groupId>
			<artifactId>standard</artifactId>
			<version>1.1.2</version>
		</dependency>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>javax.servlet-api</artifactId>
			<version>3.1.0</version>
			<scope>provided</scope>
		</dependency>
	</dependencies>
	<build>
		<finalName>LearnJSPServletWithRealApps</finalName>
	</build>
</project>

配置 web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

重定向页面

在src\main\webapp文件夹中创建名为index.jsp的新 JSP 文件。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1" isELIgnored="false"%>
<jsp:forward page="demo"></jsp:forward>

创建 Servlet

创建src\main\java文件夹。刷新项目，可以看到Java Resources下出现src\main\java

在src\main\java文件夹中创建名为com.demo.servlets的新包。在这个包中，创建新的Servlet，如下所示：

演示 Servlet

在com.demo.servlets包中，创建名为DemoServlet的新Servlet，如下所示：

package com.demo.servlets;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/demo")
public class DemoServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	public DemoServlet() {
		super();
	}

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.getRequestDispatcher("demo/index.jsp").forward(request, response);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	}

}

Ajax Servlet

在com.demo.servlets包中，创建一个名为AjaxServlet的新Servlet，如下所示：

package com.demo.servlets;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/ajax")
public class AjaxServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	public AjaxServlet() {
		super();
	}

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		PrintWriter out = response.getWriter();
		out.print("Hello Ajax");
		out.flush();
		out.close();
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	}

}

创建 JSP 页面

在src\main\webapp文件夹中创建名为demo的新文件夹。在此文件夹中，创建新的JSP文件，如下所示：

索引页

在src\main\webapp\demo文件夹中，创建名为index.jsp的新JSP文件，如下所示：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1" isELIgnored="false"%>
<html>
<head>
<title>Ajax</title>
<script src="${pageContext.request.contextPath }/assets/js/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {

		$('#buttonClickMe').click(function() {
			$.ajax({
				type : 'GET',
				url : '${pageContext.request.contextPath }/ajax',
				success : function(result) {
					$('#result').html(result);
				}
			});
		});

	});
</script>
</head>
<body>

	<h3>Demo Ajax</h3>
	<input type="button" value="Click Me" id="buttonClickMe">
	<br>
	<span id="result"></span>

</body>
</html>

Maven项目的结构

运行应用程序

选择项目，右键单击并选择Run As/Run on Server菜单

使用以下 url访问DemoServlet ：

http://localhost:8081/LearnJSPServletWithRealApps
http://localhost:8081/LearnJSPServletWithRealApps/demo

输出

点击点击我按钮：

输出

allway2

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Eclipse创建Maven WebApp项目JSP AJAX调用SERVLET

创建 Maven 项目在 Eclipse 上，创建一个Maven项目单击下一步按钮以选择项目的工作区位置单击下一步按钮为项目选择Archetype单击下一步按钮并输入项目信息：组 ID：LearnJSPServletWithRealApps 工件 ID：LearnJSPServletWithRealApps 包：com.demo点击Finish按钮完成创建 Maven 项目配置 pom.xml<project xmlns="http://ma.
复制链接

扫一扫