posts - 8, comments - 174, trackbacks - 0

實現邏輯：

???? 實現user對象的select、delete，動態的將數據更新到表格中。
?????select：服務端返回xml數據，在頁面進行數據顯示。
?????delete ：服務端將刪除信息以xml格式返回，包含刪除狀態和刪除信息。

實現技術：
?????????struts 2.0 + AJAX + XML

主要文件：
?????????index.jsp????? user.java(數據模型)?????? UserAction.java（業務邏輯）?? struts.xml（struts2.0配置文件）

index.jsp頁面：

<%@?page?language="java"?pageEncoding="UTF-8"%>

????String?path?=?request.getContextPath();

????String?basePath?=?request.getScheme()?+?"://"

????????????+?request.getServerName()?+?":"?+?request.getServerPort()

????????????+?path?+?"/";

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">

<html>

????<head>

????????<base?href="<%=basePath%>">

????????<title>test?javascript</title>

????</head>

????<script?defer="defer">

????

????????var?xmlHttp;???????//XMLHTTP對象

????????var?deleteRowId;???//刪除數據所在的行

????????//url:訪問的URL??afterMothod：請求返回時所調用的方法(回調方法)

????????function?showHint(url,afterMothod)?{

????????????try{

????????????????xmlHttp?=?GetXmlHttpObject(afterMothod);

????????????????xmlHttp.open("GET",url,false);

????????????????xmlHttp.send(null);

????????????}catch(e){

????????????????alert(e);

????????????}

????????}

????????

????????//創建XMLHTTP對象

????????function?GetXmlHttpObject(handler)?{

????????????var?objXmlHttp?=?null;

????????????if?(navigator.userAgent.indexOf("Opera")?>=?0)?{

????????????????alert("This?example?doesn't?work?in?Opera");

????????????????return;

????????????}

????????????if?(navigator.userAgent.indexOf("MSIE")?>=?0)?{

????????????????var?strName?=?"Msxml2.XMLHTTP";

????????????????if?(navigator.appVersion.indexOf("MSIE?5.5")?>=?0)?{

????????????????????strName?=?"Microsoft.XMLHTTP";

????????????????}

????????????????try?{

????????????????????objXmlHttp?=?new?ActiveXObject(strName);

????????????????????objXmlHttp.onreadystatechange?=?handler;

????????????????????return?objXmlHttp;

????????????????}

????????????????catch?(e)?{

????????????????????alert("Error.?Scripting?for?ActiveX?might?be?disabled");

????????????????????return;

????????????????}

????????????}

????????????if?(navigator.userAgent.indexOf("Mozilla")?>=?0)?{

????????????????objXmlHttp?=?new?XMLHttpRequest();

????????????????objXmlHttp.onload?=?handler;

????????????????objXmlHttp.onerror?=?handler;

????????????????return?objXmlHttp;

????????????}

????????}

????????//刷新數據

????????function?flush()?{

????????????try{

????????????????if?(xmlHttp.readyState?==?4?||?xmlHttp.readyState?==?"complete")?{

????????????????????var?xmlDoc?=?new?ActiveXObject("Microsoft.XMLDOM");

????????????????????xmlDoc.async=false;

????????????????????xmlDoc.loadXML(xmlHttp.responseText)??

????????????????

????????????????????//返回錯誤代碼

????????????????????//var?error?=?xmlDoc.parseError.errorCode;

????????????????????//alert(error?xmlDoc.parseError.reason:"XML格式正確");

????????????????????

????????????????????var?users=xmlDoc.getElementsByTagName("user");

????????????????????clearTable(userTable);

????????????????????for(var?i=0;i<users.length;i++){

????????????????????????var?userRow=userTable.insertRow();

????????????????????????var?rowId=userRow.rowIndex;

????????????????????????

????????????????????????var?user=users[i];

????????????????????????var?userId=userRow.insertCell();

????????????????????????userId.innerHTML?=?user.getAttribute("userId");

????????????????????????var?userName=userRow.insertCell();

????????????????????????userName.innerHTML=user.getAttribute("userName");

????????????????????????var?userTel=userRow.insertCell();

????????????????????????userTel.innerHTML=user.getAttribute("userTel");

????????????????????????var?userOp=userRow.insertCell();

????????????????????????var?deleteUrl="user!delete.action?user.userId="+user.getAttribute("userId");

????????????????????????userOp.innerHTML="<a?href=javascript:deleteRowId="+rowId+";showHint('"+deleteUrl+"',drop);>刪除</a>";

????????????????????}

????????????????}

????????????}catch(e){

????????????????alert(e.description);

????????????}

????????}

????????//刪除數據

????????function?drop(){

????????????

????????????if?(xmlHttp.readyState?==?4?||?xmlHttp.readyState?==?"complete")?{

????????????????var?xmlDoc?=?new?ActiveXObject("Microsoft.XMLDOM");

????????????????xmlDoc.async=false;

????????????????xmlDoc.loadXML(xmlHttp.responseText);

????????????????var?msg=xmlDoc.getElementsByTagName("msg")[0];

????????????????

????????????????if(msg.getAttribute("isSuccess")=="false"){

????????????????????alert(msg.getAttribute("msgString"));

????????????????}else{

????????????????????userTable.deleteRow(deleteRowId);

????????????????????alert(msg.getAttribute("msgString"));

????????????????}

????????????}

????????}

????????

????????//清空表數據

????????function?clearTable(opTable){

????????????

????????????var?size=opTable.rows.length;

????????????for(var?i=2;i<size;i++){

????????????????opTable.deleteRow(2);

????????????}

????????????

????????}

????????????

????</script>

????<body>

????????<center>

????????????<h3>

????????????????用戶列表

????????????</h3>

????????????<br>

????????????<table?id="userTable"?title="用戶列表"?width="50%">

????????????????<tbody>

????????????????????<tr?bgcolor="#54821f">

????????????????????????<td?width="15%">

????????????????????????????ID

????????????????????????</td>

????????????????????????<td?width="15%">

????????????????????????????姓名

????????????????????????</td>

????????????????????????<td?width="20%">

????????????????????????????電話

????????????????????????</td>

????????????????????????<td?width="5%">

????????????????????????????操作

????????????????????????</td>

????????????????????<tr>

????????????????</tbody>

????????????</table>

????????????<br>

????????????<button?onclick="showHint('user!list.action',flush);">

????????????????刷新

????????????</button>

????????</center>

????</body>

</html>

user.java

package?com.wen.test;

public?class?User?{

????private?String?userId;

????private?String?userName;

????private?String?userTel;

????public?String?getUserId()?{

????????return?userId;

????}

????public?void?setUserId(String?userId)?{

????????this.userId?=?userId;

????}

????public?String?getUserName()?{

????????return?userName;

????}

????public?void?setUserName(String?userName)?{

????????this.userName?=?userName;

????}

????public?String?getUserTel()?{

????????return?userTel;

????}

????public?void?setUserTel(String?userTel)?{

????????this.userTel?=?userTel;

????}

}

UserAction.java

package?com.wen.test;

import?java.util.List;

import?java.util.Vector;

import?com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")

public?class?UserAction?extends?ActionSupport{

????private?User?user;

????private?List<User>?userList;

????private?List<String>?msgList;

????

????public?String?flush(){

????????return?SUCCESS;

????}

????

????public?String?delete(){

????????

????????int?id=Integer.parseInt(user.getUserId());

????????msgList=new?Vector<String>();

????????if(id<0||id>3){

????????????msgList.add("false");

????????????msgList.add("刪除ID為："+id+"用戶失敗！！");

????????}else{

????????????//做刪除操作

????????????msgList.add("true");

????????????msgList.add("刪除ID為："+id+"用戶成功！！");

????????}

????????return?SUCCESS;

????}

????

????public?String?list(){

????????

????????userList=new?Vector<User>();

????????

????????user=new?User();

????????user.setUserId("0");

????????user.setUserName("wen");

????????user.setUserTel("029-82507114");

????????userList.add(user);

????????

????????user=new?User();

????????user.setUserId("1");

????????user.setUserName("peng");

????????user.setUserTel("029-34650060");

????????userList.add(user);

????????

????????user=new?User();

????????user.setUserId("2");