Ajax实现注册邮箱的可用性验证-js实现

用原生js的ajax技术实现注册邮箱的可用性验证。

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。


主要用到XMLHttpRequest对象以及该对象的open()、setRequestHeader()、 send()三个方法和onreadystatechange、readyState、status三个属性。

为了方便,这里将js代码与jsp代码放在同一个文件(index.jsp)中,代码如下:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()	+ path + "/";
%>




Insert title here




	
		
		
		

接下来是UserAction 的代码:

package zong;

import java.io.IOException;
import java.io.Writer;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.interceptor.ServletResponseAware;

public class UserAction implements ServletResponseAware{
	public String checkEmail() {
		try {
			Writer out = response.getWriter();
			//[email protected]应该是数据库中已经存在的某个用户的email
			if (email.equals("[email protected]"))
				out.write("0");
			else {
				out.write("1");
			}
			out.flush();
			out.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
		return null;
	}

	public String userReg() {
		return "";
	}

	public String userLogin() {
		return "";
	}

	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

	public String getPwd() {
		return pwd;
	}

	public void setPwd(String pwd) {
		this.pwd = pwd;
	}

	@Override
	public void setServletResponse(HttpServletResponse response) {
		this.response = response;
	}

	private String email;
	private String pwd;
	private HttpServletResponse response;
}


以及相关配置文件:

struts.xml文件:




	
		
		
	

web.xml文件:



  Archetype Created Web Application
  
    index.jsp
  
  
    struts2
    org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  
  
    struts2
    /*
  

最后,别忘了struts2相关的jar文件。

Ajax实现注册邮箱的可用性验证-js实现_第1张图片

你可能感兴趣的:(Html,Js)