1.客户端网页代码

<!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=GB18030">

<title>检测用户名是否唯一</title>

<script language="javascript">

	function createRequest(url) {

		http_request = false;

		if (window.XMLHttpRequest) { // 非IE浏览器

			http_request = new XMLHttpRequest(); //创建XMLHttpRequest对象

		} else if (window.ActiveXObject) { // IE浏览器

			try {

				http_request = new ActiveXObject("Msxml2.XMLHTTP"); //创建XMLHttpRequest对象

			} catch (e) {

				try {

					http_request = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象

				} catch (e) {

				}

			}

		}

		if (!http_request) {

			alert("不能创建XMLHttpRequest对象实例！");

			return false;

		}

		http_request.onreadystatechange = getResult; //调用返回结果处理函数

		http_request.open('GET', url, true); //创建与服务器的连接

		http_request.send(null); //向服务器发送请求

	}

	function getResult() {

		if (http_request.readyState == 4) { // 判断请求状态

			if (http_request.status == 200) { // 请求成功，开始处理返回结果

				document.getElementById("toolTip").innerHTML = http_request.responseText; //设置提示内容

				document.getElementById("toolTip").style.display = "block"; //显示提示框

			} else { // 请求页面有错误

				alert("您所请求的页面有错误！");

			}

		}

	}

	function checkUser(userName) {

		if (userName.value == "") {

			alert("请输入用户名！");

			userName.focus();

			return;

		} else {

			//createRequest('http://10.65.9.181:8090/ajax/checkUser.jsp?user='+userName.value);

			createRequest('http://10.65.9.181:8090/ajax/checkUser.action?user='

					+ userName.value);

		}

	}

</script>

<style type="text/css">

<!--

#toolTip {

	position: absolute;

	left: 331px;

	top: 39px;

	width: 98px;

	height: 48px;

	padding-top: 45px;

	padding-left: 25px;

	padding-right: 25px;

	z-index: 1;

	display: none;

	color: red;

	background-image: url(images/tooltip.jpg);

}

-->

</style>

</head>

<body style="margin: 0px;">

	<form method="post" action="" name="form1">

		<table width="509" height="352" border="0" align="center"

			cellpadding="0" cellspacing="0" background="images/bg.gif">

			<tr>

				<td height="54"> </td>

			</tr>

			<tr>

				<td height="253" valign="top">

					<div style="position: absolute;">

						<table width="100%" height="250" border="0" cellpadding="0"

							cellspacing="0">

							<tr>

								<td width="18%" height="54" align="right" style="color: #8e6723"><b>用户名：</b></td>

								<td width="49%"><input name="username" type="text"

									id="username" size="32"></td>

								<td width="33%"><img src="data:images/checkBt.jpg" width="104"

									height="23" style="cursor: hand;"

									onClick="checkUser(form1.username);"></td>

							</tr>

							<tr>

								<td height="51" align="right" style="color: #8e6723"><b>密码：</b></td>

								<td><input name="pwd1" type="password" id="pwd1" size="35"></td>

								<td rowspan="2"> 

									<div id="toolTip"></div>

								</td>

							</tr>

							<tr>

								<td height="56" align="right" style="color: #8e6723"><b>确认密码：</b></td>

								<td><input name="pwd2" type="password" id="pwd2" size="35"></td>

							</tr>

							<tr>

								<td height="55" align="right" style="color: #8e6723"><b>E-mail：</b></td>

								<td colspan="2"><input name="email" type="text" id="email"

									size="45"></td>

							</tr>

							<tr>

								<td> </td>

								<td colspan="2"><input type="image" name="imageField"

									src="data:images/registerBt.jpg"></td>

							</tr>

						</table>

					</div>

				</td>

			</tr>

			<tr>

				<td> </td>

			</tr>

		</table>

	</form>

</body>

</html>

值得注意的是此处核心代码：

//createRequest('http://10.65.9.181:8090/ajax/checkUser.jsp?user='+userName.value);//与jsp页面交互，可能不通过数据库

createRequest('http://10.65.9.181:8090/ajax/checkUser.action?user='+ userName.value);//与struts交互，通过后台处理。
注意此处的写法。

2.服务器端代码

Action类的代码

package com.action;

import java.util.Map;

import com.opensymphony.xwork2.ActionContext;

import com.opensymphony.xwork2.ActionSupport;

import com.xzy.UserDAO;

public class CheckUserAction extends ActionSupport{

	private String user;

	public String findUserByName(){

		String info = null;

		UserDAO userdao = new UserDAO();

		if(userdao.findUserByName(user)){

			//info="用户名已经被注册";

			Map map = (Map)ActionContext.getContext().get("request");

			map.put("info", "用户名已经被注册");

			return "success";

		}else{

			//info="用户名可以注册";

			Map map = (Map)ActionContext.getContext().get("request");

			map.put("info", "用户名可以注册使用");

			return "fail";

		}

	}

	public String getUser() {

		return user;

	}

	public void setUser(String user) {

		this.user = user;

	}

 }

struts.xml配置

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">

<struts>

<package name="myPackage" extends="struts-default">

		<!-- 定义action -->

		<action name="checkUser" class = "com.action.CheckUserAction" method="findUserByName">

			<!-- 定义处理成功后的映射页面 -->

			<result >/info.jsp</result>

		</action>

	</package>

</struts>

info.jsp为显示信息页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <%=request.getAttribute("info")%>

info.jsp是jsp页面，对于与安卓客户端交互的jsp页面而言，尽量略去不必要的html代码，只需要保留控制编码格式的代码和<%%>之间的处理代码,这样就避免了在安卓客户端显示不必要的垃圾代码，且提高了执行效率，降低了服务器负载。

数据库截图:


最终效果图：

ajax交互Struts2的action(1)的更多相关文章

  1. struts2 的验证框架validation如何返回json数据 以方便ajax交互

    struts2 的验证框架validation简单,好用,但是input只能输出到jsp页面通过struts2的标签<s:fielderror  />才能取出,(EL应该也可以). 如果使 ...

  2. struts2中使用json插件实现ajax交互

    json插件可以简单的实现ajax交互,避免了使用struts2-dojo-plugin.jar包时带来的struts2.x版本冲突问题.并且减少了使用ajax标签时需要的繁琐的配置包括web.xml ...

  3. [JavaWeb基础] 017.Struts2 和 ajax交互简介

    在网页开发中,我们为了只对网页的某块内容进行实时更新,而不对其他不需要更新的内容进行刷新,从而提高响应速度和节省流量,我们采用了页面的异步刷新技术Ajax,那么我们的Struts2框架在这一方面是如何 ...

  4. Struts2 项目 Action 查询结果异常 org.apache.struts2.json.JSONException

    问题描述 今天进行一个订单管理模块的开发时遇到一个问题:查询的订单时有时会报这个异常: org.apache.struts2.json.JSONException: java.lang.Illegal ...

  5. Struts2之Action

    Struts2之Action MVC模式中需要有一个控制器来负责浏览器与服务器之间的通信,实现用户与服务器的交互.在Struts2框架中实现这一功能的是Action,它是整个框架最核心的部分.Acti ...

  6. struts2的action从request获取参数值的几种方式

    使用jquery框架的ajax能够方便的向后台传递参数,以$.post为例,参数有2种方式字符串和键值对:$.post(url, "name=aty&age=25")和$. ...

  7. 关于struts2中action请求会执行两次的问题

    关于struts2中action请求会执行两次的问题     在struts2中发现,调用action中的方法,方法会被执行两次,后来发现调用的方法是get开头的,把它改为其他名称开头的后,就不会执行 ...

  8. J2EE进阶(三)struts2 <s:action>标签的用法

    J2EE进阶(三)struts2 <s:action>标签的用法 前言 使用action标签,可以允许在jsp页面中直接调用Action,(类似AJAX页面调用)在调用Action时候,可 ...

  9. jq的ajax交互封装

    jq封装的ajax,然后 在此前和此后都是很多要考虑的  ,何不 想想构思封装下. 下面: 基本上网页都存在各种ajax,使得网页变得更加易于操作. 举个长长的例子吧: <input type= ...

随机推荐

  1. [2]树的DFS序

    定义: 树的DFS序就是在对树进行DFS的时候,对树的节点进行重新编号:DFS序有一个很强的性质: 一颗子树的所有节点在DFS序内是连续的一段, 利用这个性质我们可以解决很多问题. 代码: void ...

  2. sort大法好———自定义的注意事项！！！！！！

    众所周知,在c++中,sort是一个非常好用的排序函数,方便使用.可自定义的特性,让众多oier如我不能自拔.但是在自定义时也有一些大坑需要注意(敲黑板),下面就是oi入门的第不知道多少课,大家认真听 ...

  3. Parse要垮了

    一清早收到邮件就睡不着了... 花了那么多时间熟悉api,第一个基于parse的app也要做完了... 看来国内的类似产品也不敢用了,还是老老实实用阿里云自己写backend吧...

  4. [TC6194]AllWoundUp

    [TC6194]AllWoundUp 题目大意: 有\(A\)和\(B\)两个人.\(A\)在平面上游走,\(B\)会一直盯着\(A\)看,站在\(x\)轴某个位置上不动,并随着\(A\)的运动旋转身 ...

  5. svn 服务器搭建及使用 三

    SVN服务器搭建和使用(三) 接下来,试试用TortoiseSVN修改文件,添加文件,删除文件,以及如何解决冲突等. 添加文件 在检出的工作副本中添加一个Readme.txt文本文件,这时候这个文本文 ...

  6. CentOS 7安装ifconfig

    yum install net-tools 安装这个工具,或者升级写法,使用ip addr show 参考: https://linux.cn/article-3631-1.html

  7. Windows用WinDbg分析蓝屏dump文件查找原因(转)

    WinDbg官方下载: http://msdl.microsoft.com/download/symbols/debuggers/dbg_x86_6.11.1.404.msi http://msdl. ...

  8. OpenCV2马拉松第12圈——直方图比較

    收入囊中 使用4种不同的方法进行直方图比較 葵花宝典 要比較两个直方图, 首先必需要选择一个衡量直方图相似度的对照标准.也就是先说明要在哪个方面做对照. 我们能够想出非常多办法,OpenCV採用了下面 ...

  9. java.lang.RuntimeException: java.io.IOException: invalid constant type: 15

    java.lang.RuntimeException: java.io.IOException: invalid constant type: 15 controller通过dubbo调用servic ...

  10. vagrant多节点配置

    1.vagrantfile的配置 Vagrant.configure("2") do |config| config.vm.box = "xinjieLinux" ...