JQuery+AJAX异步刷新的一个基础应用（检验用户名是否已存在）

来源：互联网发布：vivox9l破解网络锁编辑：程序博客网时间：2024/05/29 17:11

JSP页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%><%@ taglib uri="/struts-tags" prefix="s" %><%String path = request.getContextPath();%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>ajax例子</title><script type="text/javascript" src="<%=path %>/js/jquery-1.6.2.min.js"></script><script type="text/javascript">$(document).ready(function(){$("#username").blur(function(){ //id为username组件的失焦事件，$("#username")等同于JavaScript的document.getElementById("username")var val = $("#username").val();//获取id为username元素的值if(val == null || val == undefined || val.length == 0 ){$("#usernameTip").html("<font color='red'>*请输入用户名</font>");$("#username").focus();return;}else{$("#usernameTip").html("");$.ajax({   type: "POST",   url: "<%=path%>/simple/ajax", //使用struts.xml配置的action路径   data: "username="+val,//传递进action使用的方法里的参数   success: function(msg){     if(msg=="0"){     $("#usernameTip").html("<font color='red'>*请输入用户名</font>");     $("#username").focus();     }else if(msg == "1"){     $("#usernameTip").html("<font color='red'>*输入用户名已经被使用</font>");     $("#username").focus();     }else{     $("#usernameTip").html("<font color='greed'>*用户名合法</font>");     }   }});return;}});});</script></head><body>用户名:<input type="text" name="username" id="username"/><span id="usernameTip"></span></body></html>

struts.xml配置的action：

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN""http://struts.apache.org/dtds/struts-2.3.dtd"><struts><!-- 动态方法应用，设置为false -->    <constant name="struts.enable.DynamicMethodInvocation" value="false" />    <!-- struts开发模式：开发时候设置为true，上线的时候设置为false -->    <constant name="struts.devMode" value="true" /><!-- 定义包，通常情况下相同功能的会配置在相同的包里面namespace是指这个包的基础路径，用户请求的路径既是package的namespace+action的namepackage必须继承于一个包的，其中struts-default既是struts提供的一个基础的package的name -->    <package name="simple" namespace="/simple" extends="struts-default">    <!-- 下列的配置是struts的最基本的配置，也是最简单的配置     其中resule的name如果不写的话，默认是name="sucess"    这里特别要注意的是result的type配置，这里涉及到服务端跳转跟客户端跳转    -->        <action name="ajax" class="com.eiei.teach.struts.action.SimpleAction" method="ajax">        </action>    </package></struts>

Java类的方法：

package com.eiei.teach.struts.action;import java.io.IOException;import java.util.Date;import javax.servlet.http.HttpServletResponse;import org.apache.struts2.ServletActionContext;import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionSupport;public class SimpleAction extends ActionSupport{    private String username;//名字要和Jsp页面传过来的参数一样，必需getter和setter方法        public String getUsername() {        return username;    }    public void setUsername(String username) {        this.username = username;    }  //所使用的方法   public void ajax() throws IOException{        ActionContext context = ActionContext.getContext();          HttpServletResponse response = (HttpServletResponse) context.get(ServletActionContext.HTTP_RESPONSE);        System.out.println("username="+username);                if(username == null || username.trim().length()==0){            response.getWriter().print("0");            return ;        }            //可根据需要改为与数据库资料进行对比        if(username.equals("eiei")){            response.getWriter().print("1");            return ;        }else{            response.getWriter().print("2");            return ;        }    }}

7 0