ajax局部刷新

/*
 * 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");
    }
}

/*
 * 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 编写

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);
}

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);
}

数据输入页面

<%@ 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>

<%@ 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>

数据显示页面

<%@ 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"%>

<script type="text/javascript" src="ajax.js"></script>

<html>
    <head>
        <title>JSP for DynaActionForm form</title>
    </head>
    <body>
        <html:form action="query.do" method="post">
            name : <html:text property="name"/><html:errors property="name"/><br/>
            <html:button property="btn" value="查询" onclick="getInfoByName()"></html:button>
        </html:form>
        <hr>
        <div id="result"></div>
    </body>
</html>