几年前在前一家公司做项目的时候，ajax经常会用到，常见的ajax框架，toolkit也是了如指掌，做了对日后这些东东就在也没有关注过，这不今儿恰巧有个项目其中用AJAX实现更加快捷才得以再续前缘用了一把，做了个小小的例子，算是温故知新。
JSP:
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<html>
<head>
<title>
ajax<%=request.getContextPath()%>
</title>
</head>
<body bgcolor="#ffffff">
<h1>
name:<input id="view_name" type="text" maxlength="20" onBlur="testName(this.id)" /> <br />
<input type="button" value="check" onClick="testName('view_name')" />
<div ></div>
</h1>
<script language="javascript">
function testName(txt_ctr){
if (window.ActiveXObject && !window.XMLHttpRequest) {
window.XMLHttpRequest=function() {
return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP');
};
}//取得XMLHttpRequest对象
//path是取得系统路径
var txt_ctr=document.getElementById(txt_ctr);
var url = "/alfi/AjaxServlet?parm=" + txt_ctr.value ;
var req=new XMLHttpRequest();
if (req) {
req.onreadystatechange=function() {
if (req.readyState==4 && req.status==200) {//判断状态，4是已发送，200已完成
alert("req.status: " + req.status);
alert("req.responseTex: " + req.responseText);
if(req.responseText==11){
txt_ctr.style.color='green';
}else if(req.responseText==1){
txt_ctr.style.color='red';
}else{
txt_ctr.style.color='red';
}
}
}
req.open('POST', url, true);
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
alert(txt_ctr.value);
req.send(txt_ctr.value);//发送参数如果有参数req.send("username="+user_name);用request取得
}
}
</script>
</body>
</html>
servlet:AjaxServlet.java
public void doGet(HttpServletRequest req, HttpServletResponse res)
throws ServletException, RemoteException, IOException{
doPost(req, res);
}
public void doPost(HttpServletRequest req, HttpServletResponse res)
throws ServletException, IOException {
res.setContentType("text/xml; charset=UTF-8");
String ctrl_value = req.getParameter("parm");
PrintWriter out = res.getWriter();
String downStr="";
System.out.println("&&&&&&&&&&&&&" + ctrl_value);
out.print(11);
}
web.xml
<servlet>
<servlet-name>AjaxServlet </servlet-name>
<servlet-class>com.autobacs.servlet.AjaxServlet </servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AjaxServlet </servlet-name>
<url-pattern>/AjaxServlet</url-pattern>
</servlet-mapping>
分享到：
相关推荐
ajax+servletajax+servletajax+servletajax+servletajax+servletajax+servletajax+servletajax+servletajax+servletajax+servlet
**Ajax+Servlet 实例** Ajax（Asynchronous JavaScript and XML）技术是现代Web开发中的关键组成部分，它允许在不刷新整个页面的情况下与服务器进行异步数据交互。Servlet是Java Web开发中的一个标准，用于处理和...
2. **AJAX请求**：当用户点击登录按钮时，使用JavaScript的XMLHttpRequest对象或者更现代的fetch API，发送AJAX请求到对应的Servlet。 3. **Servlet处理**：Servlet接收到请求后，通过JDBC连接数据库，执行查询用户...
基于Java+前端网页bootstrap+后端Java+Ajax+Servlet信息传送的图书管理系统源码+项目说明.zip基于Java+前端网页bootstrap+后端Java+Ajax+Servlet信息传送的图书管理系统源码+项目说明.zip基于Java+前端网页bootstrap...
"Ajax + Servlet" 分页技术是结合了异步JavaScript和XML（Ajax）与Java Servlet技术来实现在不刷新整个页面的情况下动态加载分页内容。本文将深入探讨这种技术的实现原理和步骤。 首先，让我们理解Ajax的核心概念。...
本项目"AJAX+servlet+jsp用户注册"是为初学者设计的一个典型示例，旨在教授如何使用这三种技术实现一个动态、响应式的用户注册功能。 首先，我们从JSP（JavaServer Pages）开始。JSP是Java EE平台下的一个组件，...
在这个"Ajax+servlet实现搜索框智能提示"的主题中，我们将探讨如何利用Ajax技术和Servlet来创建一个实时、动态的搜索框，提供智能的用户输入建议。 首先，让我们了解Ajax的基本原理。Ajax的核心是XMLHttpRequest...
【资源说明】 1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和...基于ajax+jsp+servlet+mysql利用IDEA实现的图书管理系统源码+数据库.zip
在IT行业中，Web开发是至关重要的领域，Ajax和Servlet是其中两个关键的技术工具。本项目主要涉及使用Ajax和Servlet来实现一个基础的图书管理系统的登录功能以及图书数据的增删改查操作。以下是对这些技术及其应用的...
在IT领域，构建Web应用程序是常见的任务之一，而"html+Servlet+ajax实现登录修改"是一种常见的技术组合，用于创建动态、交互式的用户界面。在这个项目中，我们使用HTML作为前端展示层，Servlet作为服务器端处理逻辑...
在Jquery+Ajax+JSON的组合中，Servlet通常是后台处理数据和业务逻辑的地方。当Ajax发送JSON格式的数据到服务器时，Servlet接收到这些数据，进行处理，然后可能再次返回JSON数据作为响应。 具体实现过程可能如下： ...
在Web开发中，AJAX（Asynchronous JavaScript and XML）和Servlet是两种关键的技术，它们共同构建了动态、交互性强的Web应用程序。这个入门实例将向我们展示如何利用AJAX与Servlet实现用户注册功能，从而提升用户...
AJAX+servlet实例入门 AJAX+servlet实例入门是指通过结合AJAX技术和Servlet实现的Web应用程序。AJAX（Asynchronous JavaScript and XML）是一种技术，它可以使Web应用程序具备异步交互的能力，从而提高用户体验。...
本项目是关于构建一个使用JSP、Ajax和Servlet技术实现的自动完成搜索功能，类似于谷歌或百度搜索引擎的用户体验。这个功能在用户输入关键字时，后台会实时查询数据库并返回相关的建议搜索词，提高了搜索效率和用户...
一个基于机器学习的电影推荐系统的展示用的网站，由于网站的功能不是很复杂，本来打算用ssm做架构，最后想想决定不用Spring和SpringMVC，只用一个MyBatis，前后台的交互用ajax+servlet来实现
**JSP+Servlet+AJAX DAO设计模式详解** 在Web开发中，DAO（Data Access Object）设计模式是一种常用的设计模式，用于将业务逻辑与数据访问层进行解耦，提高代码的可维护性和可复用性。本篇我们将深入探讨如何在JSP...
本项目“ajax+servlet登陆”着重探讨如何利用这两种技术实现一个无需刷新整个页面即可完成用户登录验证的功能，提高用户体验。 首先，我们需要理解Ajax的核心概念。Ajax并非一种单一的技术，而是一种使用JavaScript...
### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中，如...
在"ajax+servlet+json应用"的场景中，这三者结合在一起可以实现高效的前后端交互。首先，让我们深入理解这三个概念： 1. **Ajax**：Ajax的核心是JavaScript对象XMLHttpRequest，它在后台与服务器进行通信，而不会...