jsp页面
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
request.setCharacterEncoding("GBK");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajax</title>
<script type="text/javascript" language="JavaScript">
var xmlHttp;
function createXMLHttpRequest()
{
try{
xmlHttp=new XMLHttpRequest();
}
catch(e)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert('您的浏览器不支持Ajax！');
return false;
}
}
}
}
function sendRequest(url)
{
createXMLHttpRequest();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=processResponse;
xmlHttp.send(null);
}
function processResponse()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var res=xmlHttp.responseText;<%-- xmlHttp.responseXML.getElementsByTagName("res")[0].firstChild.data;--%>
window.alert(res);
}
else
{
window.alert("你请求的页面出现异常！");
}
}
}
function singUp()
{
var name=document.getElementById('username').value;
var psw=document.getElementById('pwd').value;
sendRequest('servlet/Ajax?uname='+name+'&pwd='+psw);
}
</script>
</head>
<body>
<form name="myForm" method="post" >
用户：<input id="username" name="username" type="text" /><br>
密码：<input id="pwd" type="password" name="pwd"><br>
<input type="button" value="测试" onclick="singUp();">
</form>
</body>
</html>
AjaxServlet
package com.ajax;
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 Ajax extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("gbk");
response.setContentType("text/xml;charset=gbk");
response.setHeader("Cache-Control","no-cache");
String name=request.getParameter("uname");
String pwd=request.getParameter("pwd");
PrintWriter out=response.getWriter();
if("name".equals(name)||"pwd".equals(pwd))
{
out.println("测试成功");
}else
{
out.println("测试失败");
}
}
}
webxml
<?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>Ajax</servlet-name>
<servlet-class>com.ajax.Ajax</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Ajax</servlet-name>
<url-pattern>/servlet/Ajax</url-pattern>
</servlet-mapping>
</web-app>
分享到：
相关推荐
总的来说，.NET平台下开发的Ajax登录界面结合了服务器端的强大功能和客户端的动态交互，为用户提供了一个高效且直观的登录体验。在这个过程中，JavaScript、Ajax技术和良好的前端设计原则起到了关键作用。同时，注意...
本示例是基于ThinkPHP框架实现的一个AJAX登录处理，这涉及到前后端交互、数据验证和数据库操作等多个环节。 首先，ThinkPHP框架是基于MVC（Model-View-Controller）设计模式的，它将业务逻辑、数据模型和用户界面...
SpringBoot+SpringSecurity处理Ajax登录请求问题 SpringBoot+SpringSecurity处理Ajax登录请求问题是SpringBoot开发中的一個常见问题，本文将详细介绍如何使用SpringBoot+SpringSecurity处理Ajax登录请求问题。 ...
这个“完整thinkPHP增删改查+分页+模糊查询+Ajax登录+注册”项目涵盖了几个核心的Web开发知识点，下面将逐一详细解释。 1. **增删改查（CRUD）**：CRUD代表创建（Create）、读取（Read）、更新（Update）和删除...
本示例“ajax登录验证”聚焦于使用Ajax与Java后端进行用户登录验证，这是一个常见的功能需求，特别是在现代Web应用中。通过Ajax，前端可以发送异步请求到服务器，获取数据并动态更新界面，而无需整个页面刷新，从而...
接下来，实现Ajax登录功能，我们需要创建前端页面和后端控制器。在Thymeleaf模板文件（如`login.html`）中，我们可以使用JavaScript和jQuery库来编写Ajax请求。例如： ```html <!DOCTYPE html> <title>Login ...
### Ajax登录方法的实现 #### 一、Ajax技术概述 Ajax（Asynchronous JavaScript and XML）是一种用于构建交互式网页应用的技术。它通过结合多种现有技术（如JavaScript、XML、CSS等），使得Web应用程序能够实现...
在这个“ajax登录验证实例”中，我们将深入理解如何使用Ajax进行简单的用户登录验证，尤其适合初学者入门。 首先，让我们来了解一下Ajax的基本概念。Ajax允许我们在不重新加载整个网页的情况下与服务器交换数据并...
在这个“Java web ajax 登录”的示例中，我们主要探讨如何利用AJAX技术来构建一个实时验证用户登录信息的系统，特别是在用户输入密码错误时提供即时反馈，而无需刷新整个网页。 首先，我们需要理解AJAX的基本工作...
**Ajax 简单登录详解** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。在本示例中，"ajax简单登录" 是一种使用Ajax实现的用户登录功能，它使得用户在提交...
**Ajax技术详解与“帝国Ajax登录验证”应用** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它的核心是JavaScript，利用XMLHttpRequest对象与服务器...
基于jquery实现的一款Ajax登录框 弹出层风格的用户登录特效，点击登录的文字后，会在当前页弹出一个登录框，本效果中的登录和注册功能，都是基于弹出框的形式实现，这也是目前网站上使用比较多的一种形式，想学习...
帝国cms7.0无刷新登录，无刷新退出，ajax注册信息验证！ 使用说明： 只需3个步骤即可实现无刷新登录、退出、无刷新注册验证！ 1.将e文件夹直接放到网站根目录，把css文本复制到网站的样式文件中！ 2.在合适的位置...
在IT行业中，前端开发是构建用户交互界面的关键部分，而`jq+ajax`登录界面的实现是这个领域中常见的需求。这里的"jq"指的是jQuery，一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax交互。`ajax`...
**Ajax登录小程序与MySQL数据库的整合** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在这个简单的Ajax登录小程序中，我们利用Ajax技术实现了一个用户...
【标题】"jsp+mysql+ajax登录、注册、分页java实现"涉及到的是Web开发中的核心技术，主要展示了如何使用Java Server Pages（JSP）、MySQL数据库和Asynchronous JavaScript and XML（AJAX）来构建一个功能完整的用户...
在这个名为"ajax登录资料源代码"的项目中，我们将探讨如何使用Ajax实现登录功能，并学习相关技巧。 首先，理解Ajax的基本工作流程至关重要。它通常涉及以下步骤： 1. 用户触发事件：例如，点击登录按钮。 2. 创建...
Ajax分页和Ajax登录判断是两个重要的应用场景，尤其在内容丰富的网站和需要用户验证的系统中非常常见。下面我们将深入探讨这两个知识点。 首先，让我们了解一下Ajax分页。在传统的网页分页中，用户每次点击分页按钮...
3. **Ajax请求**：前端使用jQuery或其他库发送Ajax登录请求，携带用户名和密码。 4. **Controller处理**：SpringMVC Controller接收请求，调用Service验证用户名和密码。 5. **Service层逻辑**：MyBatis查询数据库，...