ajax局部刷新

Java代码

1.   
2. /*  
3.  * Generated by MyEclipse Struts  
4.  * Template path: templates/java/JavaClass.vtl  
5.  */  
6. package com.dd.struts.action;   
7.   
8. import java.util.List;   
9.   
10. import javax.servlet.http.HttpServletRequest;   
11. import javax.servlet.http.HttpServletResponse;   
12.   
13. import org.apache.struts.action.Action;   
14. import org.apache.struts.action.ActionForm;   
15. import org.apache.struts.action.ActionForward;   
16. import org.apache.struts.action.ActionMapping;   
17. import org.apache.struts.action.DynaActionForm;   
18.   
19. import com.dd.util.DBConnection;   
20.   
21.   
22. public class QueryAction extends Action {   
23.        
24.     public ActionForward execute(ActionMapping mapping, ActionForm form,   
25.             HttpServletRequest request, HttpServletResponse response) {   
26.          
27.                   //struts 的动态ActionForm 在struts_config.xml 里面配置   
28.         DynaActionForm queryForm = (DynaActionForm) form;// TODO Auto-generated method stub   
29.   
30.         String name = (String)queryForm.get("name");   
31.            
32.         List list =  null;   
33.         try {   
34.                             //后台DAO层   
35.             list = DBConnection.getInfo(name);   
36.         } catch(Exception ex) {   
37.             ex.printStackTrace();   
38.         }   
39.         request.setAttribute("info", list);   
40.         return mapping.findForward("result");   
41.     }   
42. }  

/*
 * Generated by MyEclipse Struts
 * Template path: templates/java/JavaClass.vtl
 */
package com.dd.struts.action;

import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.action.DynaActionForm;

import com.dd.util.DBConnection;


public class QueryAction extends Action {
	
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
      
                  //struts 的动态ActionForm 在struts_config.xml 里面配置
		DynaActionForm queryForm = (DynaActionForm) form;// TODO Auto-generated method stub

		String name = (String)queryForm.get("name");
		
		List list =  null;
		try {
                            //后台DAO层
			list = DBConnection.getInfo(name);
		} catch(Exception ex) {
			ex.printStackTrace();
		}
		request.setAttribute("info", list);
		return mapping.findForward("result");
	}
}

Ajax.js 编写

Java代码

1.   
2. var xmlHttp ;   
3. function createXDOM() {   
4.        
5.     if(window.XMLHttpRequest) {   
6.            
7.         xmlHttp = new XMLHttpRequest;      
8.            
9.     } else if (window.ActiveXObject) {   
10.            
11.         xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");   
12.     } else {   
13.            
14.         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   
15.     }       
16. }   
17.   
18. function getInfoByName() {   
19.     createXDOM();   
20.        
21.     var name = document.getElementsByName("name")[0].value;   
22.        
23.     var url = "query.do";   
24.     var param = "name="+name;   
25.     xmlHttp.open("post",url,true);   
26.     xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");   
27.     xmlHttp.onreadyStatechange=function(){   
28.         if(xmlHttp.readyState==4) {   
29.             //alert(xmlHttp.responseText);   
30.             result.innerHTML=xmlHttp.responseText;   
31.         } else {   
32.             result.innerHTML="请稍等...";   
33.         }   
34.     }   
35.     xmlHttp.send(param);   
36. }  

var xmlHttp ;
function createXDOM() {
	
	if(window.XMLHttpRequest) {
		
		xmlHttp = new XMLHttpRequest;	
		
	} else if (window.ActiveXObject) {
		
		xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
	} else {
		
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}	 
}

function getInfoByName() {
	createXDOM();
	
	var name = document.getElementsByName("name")[0].value;
	
	var url = "query.do";
	var param = "name="+name;
	xmlHttp.open("post",url,true);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlHttp.onreadyStatechange=function(){
		if(xmlHttp.readyState==4) {
			//alert(xmlHttp.responseText);
			result.innerHTML=xmlHttp.responseText;
		} else {
			result.innerHTML="请稍等...";
		}
	}
	xmlHttp.send(param);
}

数据输入页面

Java代码

1. <%@ page language="java" pageEncoding="GBK"%>   
2.   
3. <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>   
4. <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>   
5. <%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>   
6. <%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>   
7.   
8.   
9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
10. <html:html lang="true">   
11.      
12.   <body>   
13.     <table border=1>   
14.         <tr>   
15.             <th>1</th>   
16.             <th>2</th>   
17.             <th>3</th>   
18.             <th>4</th>   
19.             <th>5</th>   
20.             <th>6</th>   
21.             <th>7</th>   
22.             <th>8</th>   
23.             <th>9</th>   
24.             <th>10</th>                
25.         </tr>   
26.         <logic:iterate id="i" name="info">   
27.             <tr>   
28.                 <td>${i.cus_id }</td>   
29.                 <td>${i.cusname }</td>   
30.                 <td>${i.ctname }</td>   
31.                 <td>${i.itname }</td>   
32.                 <td>${i.creditname }</td>   
33.                 <td>${i.elname }</td>   
34.                 <td>${i.custel }</td>   
35.                 <td>${i.cusemail }</td>   
36.                 <td>${i.cusaddr }</td>   
37.                 <td>${i.cusremark }</td>   
38.             </tr>   
39.         </logic:iterate>   
40.     </table>   
41.   </body>   
42. </html:html>  

<%@ page language="java" pageEncoding="GBK"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
  
  <body>
  	<table border=1>
  		<tr>
  			<th>1</th>
  			<th>2</th>
  			<th>3</th>
  			<th>4</th>
  			<th>5</th>
  			<th>6</th>
  			<th>7</th>
  			<th>8</th>
  			<th>9</th>
  			<th>10</th> 			
  		</tr>
	    <logic:iterate id="i" name="info">
	    	<tr>
	    		<td>${i.cus_id }</td>
	    		<td>${i.cusname }</td>
	    		<td>${i.ctname }</td>
	    		<td>${i.itname }</td>
	    		<td>${i.creditname }</td>
	    		<td>${i.elname }</td>
	    		<td>${i.custel }</td>
	    		<td>${i.cusemail }</td>
	    		<td>${i.cusaddr }</td>
	    		<td>${i.cusremark }</td>
	    	</tr>
	    </logic:iterate>
    </table>
  </body>
</html:html>

数据显示页面

Java代码

1. <%@ page language="java" pageEncoding="GBK"%>   
2. <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>    
3. <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>   
4.   
5. <script type="text/javascript" src="ajax.js"></script>   
6.   
7. <html>    
8.     <head>   
9.         <title>JSP for DynaActionForm form</title>   
10.     </head>   
11.     <body>   
12.         <html:form action="query.do" method="post">   
13.             name : <html:text property="name"/><html:errors property="name"/><br/>   
14.             <html:button property="btn" value="查询" onclick="getInfoByName()"></html:button>   
15.         </html:form>   
16.         <hr>   
17.         <div id="result"></div>   
18.     </body>   
19. </html>