`
rigger21
  • 浏览: 134563 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

AJAX实现注册

阅读更多
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>

这几天没什么事情弄了一个AJAX的注册, 把代码贴出来给大家看看:

<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
ajax
</title>
</head>
<body bgcolor="#ffffff">
<h1>
<input name="username" type="text" maxlength="20" />
<input id="chk-name-btn" type="button" value="检测帐号" onclick="testName('<%=request.getContextPath()%>')" />
<div id="view_name"></div>
</h1>
</body>
</html>
<script language="javascript">
if (window.ActiveXObject && !window.XMLHttpRequest) {
window.XMLHttpRequest=function() {
return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP');
};
}//取得XMLHttpRequest对象

function testName(path){

//path是取得系统路径
var view_name=document.getElementById("view_name");
var req=new XMLHttpRequest();
if (req) {
req.onreadystatechange=function() {
if (req.readyState==4 && req.status==200) {//判断状态,4是已发送,200已完成
if(req.responseText==0){
view_name.style.color='green';
view_name.innerHTML='该用户名可以正常使用';
}else if(req.responseText==1){
view_name.style.color='red';
view_name.innerHTML='该用户名已经被使用';
}else{
view_name.style.color='red';
view_name.innerHTML='该用户名含有非法字符!';
}
}
}
req.open('POST', path+'/ajax.do');//struts

//req.open('POST', path+'/ajax.servlet');//servlet

//req.open('POST', path+'/ajax.action');//webwork


req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
req.send("");//发送参数如果有参数req.send("username="+user_name);用request取得
}
}
</script>

接受ajax请求的action。

import org.apache.struts.action.*;
import javax.servlet.http.*;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.PrintWriter;

/**
* <p>Title:AjaxAction </p>
*/

public class AjaxAction extends Action {
public ActionForward execute(ActionMapping mapping,
ActionForm form,
HttpServletRequest request,
HttpServletResponse response)
throws Exception {
PrintWriter out = response.getWriter();
out.print(1);//ajax取得都是字符的输出。如果数据量大的话,还可以用xml来发送和接受
return null;
}
}

struts-config.xml

<action type="test.whw.upload.AjaxAction" validate="false" scope="request" path="/ajax"/>
----------------------------

如果是servlet

web.xml

<servlet>
<servlet-name>AjaxServlet </servlet-name>
<servlet-class>servlet.AjaxServlet </servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AjaxServlet </servlet-name>
<url-pattern>/AjaxServlet .servlet</url-pattern>
</servlet-mapping>

AjaxServlet.java

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 AjaxServlet extends HttpServlet {
Logger log = Logger.getLogger(this.getClass());
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException,IOException {
response.setContentType("text/xml; charset=GBK");
PrintWriter out = response.getWriter();
out.print(2);
}
}
//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}

//Process the HTTP Put request
public void doPut(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
}

//Process the HTTP Delete request
public void doDelete(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
}

//Clean up resources
public void destroy() {
}
}

分享到:
评论

相关推荐

    AJAX实现注册验证的例子

    **标题解析:** "AJAX实现注册验证的例子" 这个标题表明了我们要探讨的是一个使用AJAX技术来实现用户注册时的实时验证的示例。在网页应用中,AJAX(Asynchronous JavaScript and XML)允许我们在不刷新整个页面的...

    PHP+Mysql+Ajax实现注册时用户名验证

    以上就是使用PHP、MySQL和Ajax实现注册时用户名验证的基本流程。实际应用中,还需要考虑安全问题,如SQL注入防护(使用预编译的SQL语句)、XSS攻击防御以及错误处理等。同时,为了提高用户体验,还可以添加一些额外...

    SSH整合Ajax实现注册验证

    SSH整合Ajax实现注册验证是一个常见的功能,它结合了服务器端的强大处理能力和客户端的实时交互体验。以下是这个主题中涉及的关键知识点: 1. **Spring框架**:Spring是一个全面的后端开发框架,它提供了依赖注入...

    ajax实现注册验证+数据库连接池

    【标题】:“Ajax实现注册验证+数据库连接池” 在现代Web开发中,用户交互体验的提升至关重要。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下更新部分网页内容,大大提升了用户...

    用ajax实现注册新用户ASP.NET+SQL源代码

    用ajax实现注册新用户ASP.NET+SQL源代码

    struts2的Ajax实现注册验证

    在Struts2框架中实现Ajax功能,可以让用户在注册时实时验证用户名是否已经存在,从而提高用户体验。 这篇文档“struts与ajax.docx”可能包含了如何将Struts2和Ajax结合使用的详细步骤。通常,这个过程会涉及以下几...

    ajax实现注册检测用户是否已存在

    【Ajax实现注册检测用户是否已存在】是一种常见的前端与后端交互技术,它允许网页无刷新地发送异步请求,从而提升用户体验。在本场景中,我们使用Ajax来检查新注册用户的名字是否已经在数据库中存在,以此防止重复...

    ajax 实现用户注册详细代码

    ### AJAX实现用户注册详细代码解析 #### 一、引言 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使...

    用ajax实现注册新用户

    通过上述步骤,你可以使用AJAX实现一个简单的用户注册功能。然而,实际应用中可能还需要考虑更多的因素,如用户体验、性能优化、跨域问题、API设计等。随着技术的发展,现代库和框架如jQuery、axios和Fetch API已经...

    ASP.NET Ajax 写的一个用户注册实例

    在这个用户注册实例中,我们将深入探讨如何利用ASP.NET AJAX来实现一个交互性强、用户体验良好的注册流程。 首先,我们需要理解ASP.NET的基础。ASP.NET是.NET Framework的一部分,用于构建动态网站、Web应用和服务...

    简单的通过ajax实现简单的注册!

    ### 三、Ajax实现用户名实时验证 #### 1. 用户名输入框的事件监听 - 在用户输入用户名的过程中,可以通过监听`onBlur`或`onChange`事件来触发Ajax请求,实时验证用户名是否已被占用。 - 当输入框失去焦点时,调用`...

    ajax实现用户登录注册

    本教程将深入讲解如何使用AJAX实现用户登录和注册功能,这对于初学者来说是一个很好的起点。 首先,我们需要理解AJAX的基本结构。一个基本的AJAX调用通常涉及以下步骤: 1. 创建XMLHttpRequest对象:这是AJAX的...

    AJAX+servlet+jsp用户注册

    本项目"AJAX+servlet+jsp用户注册"是为初学者设计的一个典型示例,旨在教授如何使用这三种技术实现一个动态、响应式的用户注册功能。 首先,我们从JSP(JavaServer Pages)开始。JSP是Java EE平台下的一个组件,...

    利用ajax实现注册页面 asp.net技术(C#) 用visual studio 2005 + sqlserver 2000 实现 包含数据库和源代码

    此为利用ajax技术实现的一个简单注册,利用的是c# asp.net技术 坏境用的是visual studio 2005 + SqlServer 2000 包含数据库及源代码 希望对大家有帮助

    AJAX无刷新注册登录验证

    **AJAX无刷新注册登录验证**是Web开发中一种提高用户体验的重要技术,它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这种技术在2005年被广泛引入,虽然现在可能不是最前沿的技术,但...

    java ajax注册

    在本文中,我们将深入探讨如何使用Java和Ajax技术实现一个用户注册系统,该系统通过服务器端验证并连接到MySQL数据库。Ajax(异步JavaScript和XML)允许我们在不刷新整个页面的情况下与服务器进行交互,提高用户体验...

    利用ajax和jsp,JavaScript实现的注册系统

    在“luckregister”项目中,开发者可以学习到如何结合这些技术实现一个完整的注册流程,包括前端的交互设计、JavaScript的事件处理和Ajax调用,以及后端的JSP编程和数据库操作。通过实践这个项目,开发者可以提升Web...

    jsp+mysql+ajax登录、注册、分页java实现

    【标题】"jsp+mysql+ajax登录、注册、分页java实现"涉及到的是Web开发中的核心技术,主要展示了如何使用Java Server Pages(JSP)、MySQL数据库和Asynchronous JavaScript and XML(AJAX)来构建一个功能完整的用户...

    Ajax实现用户注册

    在“Ajax实现用户注册”的主题中,我们将深入探讨如何利用Ajax技术构建一个实时验证用户注册信息的系统,从而提高用户体验,减少不必要的页面刷新。 首先,Ajax的核心原理是通过JavaScript在后台与服务器进行异步...

    java 实现成员方法的ajax自动注册类

    java中使用Ajax的最简单实现,经典,绝对值得研究学习! 相关说明如下: Xajax类功能描叙:Xajax将服务器端JavaBean中以on开始的函数生成客户端可供javascript调用的同名函数,从而实现 服务器端响应客户端事件进行...

Global site tag (gtag.js) - Google Analytics