JSP:
Java代码
<%@ 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>
<%@ 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
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);
}
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
Java代码
<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+Servlet 实例** Ajax(Asynchronous JavaScript and XML)技术是现代Web开发中的关键组成部分,它允许在不刷新整个页面的情况下与服务器进行异步数据交互。Servlet是Java Web开发中的一个标准,用于处理和...
在这个"Ajax+servlet实现搜索框智能提示"的主题中,我们将探讨如何利用Ajax技术和Servlet来创建一个实时、动态的搜索框,提供智能的用户输入建议。 首先,让我们了解Ajax的基本原理。Ajax的核心是XMLHttpRequest...
"Ajax + Servlet" 分页技术是结合了异步JavaScript和XML(Ajax)与Java Servlet技术来实现在不刷新整个页面的情况下动态加载分页内容。本文将深入探讨这种技术的实现原理和步骤。 首先,让我们理解Ajax的核心概念。...
本项目"AJAX+servlet+jsp用户注册"是为初学者设计的一个典型示例,旨在教授如何使用这三种技术实现一个动态、响应式的用户注册功能。 首先,我们从JSP(JavaServer Pages)开始。JSP是Java EE平台下的一个组件,...
在Web开发中,AJAX(Asynchronous JavaScript and XML)和Servlet是两种关键的技术,它们共同构建了动态、交互性强的Web应用程序。这个入门实例将向我们展示如何利用AJAX与Servlet实现用户注册功能,从而提升用户...
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...
在IT行业中,Web开发是至关重要的领域,Ajax和Servlet是其中两个关键的技术工具。本项目主要涉及使用Ajax和Servlet来实现一个基础的图书管理系统的登录功能以及图书数据的增删改查操作。以下是对这些技术及其应用的...
AJAX+servlet实例入门 AJAX+servlet实例入门是指通过结合AJAX技术和Servlet实现的Web应用程序。AJAX(Asynchronous JavaScript and XML)是一种技术,它可以使Web应用程序具备异步交互的能力,从而提高用户体验。...
在Web开发中,Ajax(Asynchronous JavaScript and XML)与Servlet技术的结合被广泛用于构建动态、交互性更强的用户界面。本项目“ajax+servlet登陆”着重探讨如何利用这两种技术实现一个无需刷新整个页面即可完成...
本项目是关于构建一个使用JSP、Ajax和Servlet技术实现的自动完成搜索功能,类似于谷歌或百度搜索引擎的用户体验。这个功能在用户输入关键字时,后台会实时查询数据库并返回相关的建议搜索词,提高了搜索效率和用户...
在IT领域,Ajax(Asynchronous JavaScript and XML)与Servlet的结合使用是构建高效、动态Web应用的常见技术。Ajax允许前端页面与服务器进行异步数据交互,而Servlet是Java平台上的服务器端组件,用于处理HTTP请求。...
一个基于机器学习的电影推荐系统的展示用的网站,由于网站的功能不是很复杂,本来打算用ssm做架构,最后想想决定不用Spring和SpringMVC,只用一个MyBatis,前后台的交互用ajax+servlet来实现
在"ajax+servlet+json应用"的场景中,这三者结合在一起可以实现高效的前后端交互。首先,让我们深入理解这三个概念: 1. **Ajax**:Ajax的核心是JavaScript对象XMLHttpRequest,它在后台与服务器进行通信,而不会...
外卖配送信息web系统,采用HTML+CSS+JS+Ajax+Servlet+MySQL 简介 该系统可以通过手机号码将客户外卖的信息录入,告知客户外卖的配送情况(通过某种方式,如手机短信)。客户可以通过访问该系统网站来查询外卖信息。...
下面将深入解析这一主题,包括AJAX与Servlet的基本概念、它们在用户注册中的应用,以及具体的代码实现细节。 ### AJAX(Asynchronous JavaScript and XML) AJAX是一种用于创建快速动态网页的技术。它通过在后台与...
在"ajax+servlet+jquery+jsp示例"中,我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**:jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,包括Ajax请求。在这个...
NULL 博文链接:https://plane.iteye.com/blog/334832