在我們日常開發中，經常會遇到註冊時進行使用者名稱非同步驗證這一步，下面是我開發時的一個小例子，希望能對大家有幫助。需要注意的是，我們後臺是利用json返回json字串，struts2整合json我們需要加入以下jar包：

<dependency>
			<groupId>org.apache.struts</groupId>
			<artifactId>struts2-json-plugin</artifactId>
			<version>2.3.16</version>
		</dependency>

		<dependency>
			<groupId>net.sf.json-lib</groupId>
			<artifactId>json-lib</artifactId>
			<version>2.4</version>
			<classifier>jdk15</classifier>
		</dependency>
 

頁面效果：左圖是使用者名稱已被註冊，右圖是允許註冊。

下面是我的前臺程式碼：

<script type="text/javascript">
	function checkLogin(){
		var xmlHttp;

		var name = document.getElementById("email").value;
		if(window.XMLHttpRequest){
		xmlHttp = new XMLHttpRequest();
		}
		else {
		xmlHttp = new ActiveXObject("MicroSoft.XMLHTTP");//老版本的ie
		}
		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState==4 && xmlHttp.status==200){
			//var ss = xmlHttp.responseText;
		
			var dataObj=eval("("+xmlHttp.responseText+")");
		
				if(dataObj.exist=="false"){
				
				document.getElementById("tip").innerHTML="<img src='images/ok.png'/>";
				}
				else
				{
				
					document.getElementById("tip").innerHTML="<img src='images/no.png'/>";
				}
			}
		};
		xmlHttp.open("post","Json_checkRegister.action?checkname="+name,true);
		xmlHttp.send();
		}
	</script>
 

<p><input type="email" id="email" name="user.username" onblur="checkLogin();" class="loginInput" autofocus="autofocus" required="required" autocomplete="off" placeholder="請輸入電子郵箱" value="" /><font id="tip"></font></p>

下面是後臺action程式碼：

public String checkRegister() throws Exception{
		HttpServletResponse response = ServletActionContext.getResponse();
		JSONObject json=new JSONObject();  
		PrintWriter out  = response.getWriter();
		if(this.userservice.checkRegister(checkname)==false){
			
			json.put("exist", "false");
			out.println(json);  
			out.flush();
			out.close();
			return "userAllowRegister";
		}
			json.put("exist", "true");
			out.println(json); 
			out.flush();
			out.close();
		return "userNoRegister";
	}
	
 

配置檔案strut.xml程式碼：

<package name="json" namespace="/" extends="json-default">
	<action name="Json_*" class="user_action" method="{1}">
		<result name="userAllowRegister" type="json"></result>
		<result name="userNoRegister" type="json"></result>
		</action>
		</package>

JSON（Java Script Object Notation），是一種語言無關的資料交換格式。 
JSON外掛是Structs 2 的Ajax外掛，通過利用JSON外掛，開發者可以很方便，靈活的利用Ajax進行開發。
Json是一種輕量級的資料交換格式，JSon外掛提供了一種名為json的Action ResultType 。
一旦為Action指定了該結果處理型別，JSON外掛就會自動將Action裡的資料序列化成JSON格式的資料，
並返回給客戶端物理檢視的JavaScript。簡單的說，JSON外掛允許我們在JavaScript中非同步的呼叫Action，
而且Action不需要指定檢視來顯示Action的資訊顯示。
而是由JSON外掛來負責具體將Action裡面具體的資訊返回給呼叫頁面。
Json的資料格式可簡單如下形式： person = { name: 'Jim',age: 18,gender: 'man'}。
如果action的屬性很多，我們想要從Action返回到呼叫頁面的資料。

如果我們在後臺不希望返回的資料，可以禁止其被序列化，可以使用 @JSON(serialize=false)註解對其遮蔽，說明
此屬性不被加入json。

以下三個註解也經常會用到：
在屬性get方法上面加

@JSON(name="newName")json中的名稱
@JSON(serialize=false)屬性不被加入
[email protected](format="yyyy-MM-dd")格式化日期

這個時候配置includeProperties或者excludeProperties攔截器即可。

<!-- 只包含user.id屬性 -->

<resulttype="json"name="user">

<paramname="includeProperties">

user\.id

</param>

<!-- 不包含user屬性 -->

<resulttype="json"name="list">

<paramname="excludeProperties">

user

</param>

</result>

<!-- 根物件只包含user -->

<resulttype="json">

<paramname="root">

user

</param>

</result>