参考网上做的一个Ajax+jsp+servlet的一个简单示例
不多说，一切尽在代码中
首先 jsp页面代码：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!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=utf-8" />
<title>电子邮件</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//ajax 创建XMLHttpRequest 对象
var req;
function creatReq(){
if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建
{
req=new XMLHttpRequest();
}
else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
{
req=new ActiveXObject("Microsoft.XMLHttp");
}
}
//ajax发送请求
function doAjax(){
creatReq();
if(req) //成功创建xmlhttprequest
{
var mailAddress=document.getElementById("mailAddress").value;
req.open("GET","/ajaxser?mailAddress="+mailAddress,true); //与服务端建立连接(请求方式post或get，地址,true表示异步)
req.onreadystatechange = callback; //指定回调函数
req.send(null); //发送请求
}
}
//回调函数
function callback() //回调函数，对服务端的响应处理，监视response状态
{
if(req.readystate==4) //请求状态为4表示成功
{
if(req.status==200) //http状态200表示OK
{ //所有状态成功，显示数据
//注意 这里req.statusText得到的是控制台打印的数据 即System.out.println("XXX");中的数据，而req.responseText 得到的是写入的数据 急 out.writer("XXX") 中的数据。
document .getElementById ("message").innerHTML ="<font color='#ff0000'>"+req.responseText+"</font>";
}
else //http返回状态失败
{
alert("请求发送失败");
}
}
else //请求状态还没有成功，页面等待
{
document .getElementById ("message").innerHTML ="请求发送中...";
}
}
//提交请求
function doconfirm(){
var email=document.getElementById("mailAddress").value;
if(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(email)){
doAjax();
}
else {
alert("邮箱地址格式不正确、请正确填写");
document.getElementById("mailAddress").focus();
return;
}
}
</script>
</head>
<body>
邮箱地址：<input type="text" name="mailAddress" id="mailAddress"/><br/>
<input type="button" value="确定" onclick="doconfirm()"/><div id="message"></div>
</body>
</html>
<servlet>
<servlet-name>ajaxser</servlet-name>
<servlet-class>com.hcdy.servlet.AjaxServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ajaxser</servlet-name>
<url-pattern>/ajaxser</url-pattern>
</servlet-mapping>
servlet 中
public class AjaxServlet extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse resp)
throws ServletException, IOException {
resp.setContentType("text/html;charset=utf-8");
resp.setHeader("Cache-Control", "no-cache");
PrintWriter out=resp.getWriter(); //
String email=request.getParameter("mailAddress");
if(email.equals("12345678@163.com"){
out.writer("数据库中有该邮箱");
}
else out.writer("无该邮箱");
out.close();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doGet(req, resp);
}
}
完成
分享到：
相关推荐
本项目"AJAX+servlet+jsp用户注册"是为初学者设计的一个典型示例，旨在教授如何使用这三种技术实现一个动态、响应式的用户注册功能。 首先，我们从JSP（JavaServer Pages）开始。JSP是Java EE平台下的一个组件，...
本人自己动手做的一个ajax程序，仅供参考，希望对学习得朋友有所帮助，在程序里面每一行代码都做了详细的解释，应用中没有是用Struts框架，直接用servlet做的，本人会在后续版本中采用Struts+hibernate，为初学者...
在"ajax+servlet+jquery+jsp示例"中，我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**：jQuery是一个流行的JavaScript库，它简化了JavaScript的许多操作，包括Ajax请求。在这个...
在`TestJSP`这个文件中，可能包含了实现上述步骤的示例代码，如DAO接口和实现类、Service类、Servlet处理类以及使用AJAX的JSP页面。通过分析和学习这些代码，你可以更好地理解JSP、Servlet、AJAX和DAO设计模式如何...
博客链接（https://lzj0470.iteye.com/blog/368021）可能会提供一个具体的示例，展示如何在实际项目中实现Ajax与Servlet、JSON的集成。在这个例子中，开发者可能详细讲解了创建Ajax请求、配置Servlet、处理请求、...
以下是一个基本的Servlet示例： ```java import javax.servlet.http.*; import java.io.IOException; import java.util.List; @WebServlet("/servlet-url") public class SuggestionServlet extends HttpServlet {...
在IT领域，构建Web应用程序是常见的任务之一，而本示例提供了一个基于JSP、JavaBean、Servlet、Ajax以及Mysql的完整应用实例，主要涵盖了数据的增删查改（CRUD）操作，并且利用Ajax实现了异步的验证码验证功能。...
对于“jQuery+Ajax+Servlet”的示例，开发者可能创建了一个Servlet来处理Ajax请求，jQuery用于在客户端发送Ajax请求并处理响应。这通常涉及使用`$.ajax()`函数发送请求，以及在success回调中处理服务器返回的数据。 ...
在这个"Java+Servlet+Jquery+Json基础示例"中，我们可以看到如何将这四种技术融合在一起创建一个Web应用。首先，用户通过前端界面（HTML+CSS+Jquery）发送Ajax请求，Jquery负责包装和发送这些请求，通常是以Json格式...
### 知识点详解：简单实现 AJAX + Servlet 进行表单数据验证 #### 一、AJAX（Asynchronous JavaScript and XML）与Servlet在Web开发中的应用 在现代Web开发中，AJAX技术允许网页无需重新加载整个页面即可与服务器...
本文将深入探讨如何使用Spring、Ajax和Servlet实现登录名存在的异步检查，从而在用户输入时实时验证用户名是否已被占用，避免用户等待服务器返回完整的登录页面。我们首先会介绍相关技术的基本概念，然后逐步解析...
总的来说，“ajax + servlet 两级动态级联下拉框”项目展示了Web开发中动态交互的一个基本示例，通过结合AJAX和Servlet的优势，为用户提供流畅的、无刷新的交互体验。理解和掌握这个项目有助于提升对前后端交互、...
在这个"ajax+jsp+servlet 中文解决方法"的示例中，开发者遇到了在使用Ajax进行数据交互时中文乱码的问题。中文乱码通常是由字符编码不一致导致的，特别是在跨平台或跨浏览器通信时。以下是一些关于如何解决这个问题...
本示例中的"文字过滤（ajax+jquery+servlet）"项目，就是利用Ajax、jQuery和Servlet来实现这样一个功能，它能在用户提交评论前自动检查并替换特定文字，例如将“人”字换成“我”。 **Ajax技术** Ajax...
AJAX（Asynchronous JavaScript and XML）与Servlet技术的结合，是Web开发中实现异步数据交互的重要手段。AJAX允许Web应用在不刷新整个页面的情况下，与服务器进行数据交换，提高了用户体验。本教程将带你入门AJAX和...
以下是一个简单的AJAX和Servlet结合使用的步骤： 1. **前端（AJAX）**：使用JavaScript创建一个AJAX请求，通常使用XMLHttpRequest对象或者现代浏览器支持的fetch API。设置请求的URL为Servlet的地址，HTTP方法（GET...
在本示例中，我们探讨的是如何利用EasyUI前端框架，结合Ajax、JSON以及Servlet技术来构建一个用户登录注册的简单动态网页应用。这个“easyui+ajax+json+servlet实现用户登录注册简单demo”旨在为初学者提供一个理解...
在本文中，我们将深入探讨如何使用Servlet、JSP和Ajax技术实现一个完整的增删改查...这个示例项目"Servlet+jsp+AJax的分页及增删改查"提供了一个学习和实践这些技术的平台，有助于深入理解和掌握Web开发中的关键概念。
**Ajax + Servlet 跨域访问 (Jsonp技术)** 在Web开发中，浏览器的同源策略（Same-origin policy）限制了JavaScript对不同源（协议、域名、端口）的资源进行请求，这在一定程度上保障了安全性。然而，随着Web应用的...
在提供的文件中，"使用jsp+servlet+ajax技术.doc"可能包含了一个完整的示例项目，详细阐述了如何将这三种技术集成在一起。"ajax.txt"文件可能是关于AJAX的额外说明或代码片段。通过阅读和分析这些文件，你可以深入...