ajax 대화 Struts 2 의 action(클 라 이언 트/서버 엔 드)

7297 단어 ajaxStruts2action
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="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="images/registerBt.jpg"></td> 
</tr> 
</table> 
</div> 
</td> 
</tr> 
<tr> 
<td> </td> 
</tr> 
</table> 
</form> 
</body> 
</html>
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 코드 를 생략 하고 인 코딩 형식 을 제어 하 는 코드 와<%>간 의 처리 코드 만 유지 해 야 합 니 다.이렇게 하면 안 드 로 이 드 클 라 이언 트 에 불필요 한 스 팸 코드 를 표시 하지 않 고 실행 효율 을 높 여 서버 부하 도 낮 출 수 있다.데이터베이스 캡 처: 최종 효과 도:
display&position
ajax jquery 비동기 폼 검증 예제 코드

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage