/*
* 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);
}
数据输入页面
<%@ 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>
分享到：
相关推荐
### AJAX局部刷新技术详解 #### 一、简介 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点，从而提升...
在"AJAX局部刷新案例"中，我们关注的是如何通过JavaScript和相关的DOM操作来实现网页的局部刷新。这种技术通常涉及到以下几个关键组件： 1. **XMLHttpRequest对象**：这是AJAX的核心，它创建了一个异步的HTTP请求，...
这里的"Java实现Ajax局部刷新"是一个基础的示例，旨在帮助初学者理解Ajax的工作原理及其在实际开发中的应用。 首先，让我们详细解释Ajax的核心概念。Ajax并非一种单一的技术，而是一种综合运用多种Web技术...
"运用Ajax局部刷新 制作登录验证"是一个旨在提升用户体验的技术实践。Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页...
### ASP.NET中Ajax局部刷新详解 #### 一、引言 在Web开发中，局部刷新是一种常见的技术，它能够在不重新加载整个页面的情况下更新部分页面内容。这种技术极大地提升了用户体验，尤其是在复杂的Web应用中，局部刷新...
总的来说，AJAX局部刷新技术通过优化页面交互，减少了不必要的页面重载，提高了用户界面的响应速度和用户体验。它广泛应用于网页的动态加载、搜索结果的实时更新、表单验证等多个场景。在实际应用中，开发者需要注意...
然而，在使用`.ajax`进行局部刷新后，有时会出现JavaScript无法正确调用的问题，这主要涉及到DOM（文档对象模型）更新、作用域以及事件绑定等问题。下面将详细探讨这个问题及其解决方案。 ### 1. DOM更新问题 当`....
要实现Ajax局部刷新，我们需要以下几个关键步骤： 1. **创建XMLHttpRequest对象**：这是Ajax的核心，它允许JavaScript与服务器进行通信。在所有现代浏览器中，可以使用`new XMLHttpRequest()`创建这个对象。 2. **...
Ajax局部刷新技术是一种在网页不进行整个页面刷新的情况下，通过后台与服务器异步交换数据并局部更新页面的技术。这种技术极大地提升了用户体验，因为它允许用户在交互时无需等待整个页面加载，仅更新必要的部分。C#...
Ajax局部刷新分页就是一种这样的应用，它允许用户在不重新加载整个页面的情况下，仅更新页面中与分页相关的部分。这种技术在大数据量、多页展示的场景下特别有用，如电商产品列表、论坛帖子等。 首先，我们需要理解...
国家电网的一个面试题，要求不使用ajax控件实现页面的局部刷新
"dwr ajax 局部刷新"指的是使用DWR框架来更新网页的特定部分，而不是重新加载整个页面，提高用户体验。 **DWR基本概念：** 1. **CMT (Controlled Method Table)**：DWR的核心组件，负责管理服务器端的Java方法和...
它的核心在于使用JavaScript与服务器进行异步数据交换，通过XML或者JSON等格式传输数据，并且更新DOM（Document Object Model）来实现页面的局部刷新。这种技术极大地提升了用户体验，因为用户无需等待整个页面加载...
Ajax局部刷新技术是一种在网页无需整体刷新的情况下更新部分页面内容的方法，主要依赖于JavaScript和XMLHttpRequest对象。在本文中，我们将深入探讨Ajax的基本概念、核心代码以及如何实现局部刷新。 首先，了解Ajax...
"Ajax局部刷新验证重名"这个主题主要涉及以下几个知识点： 1. **Ajax基础**：Ajax是由一组JavaScript技术组成的，包括XMLHttpRequest对象、DOM操作、JavaScript事件处理等。通过创建XMLHttpRequest对象，开发者可以...
购物车和AJAX局部刷新是Web开发中常见的功能，它们为用户提供流畅的交互体验，而无需每次操作都刷新整个页面。下面将详细讲解这两个概念及其实现。 购物车系统是电商网站的核心部分，它允许用户在不立即购买的情况...
总的来说，AJAX局部刷新在购物车功能中扮演着重要角色，它提高了用户体验，使得用户在添加商品到购物车时无需等待整个页面刷新，增强了交互的流畅性。理解并熟练掌握AJAX技术，对于任何Web开发者来说都是至关重要的...
在IT行业中，购物车功能和AJAX局部刷新是网页应用中的关键组成部分，尤其在电子商务网站中更为常见。这里我们深入探讨这两个实例，并结合提供的源码进行解析。 首先，购物车功能是电商系统的核心，它允许用户选择...
以下是对“Ajax局部刷新例子 日期验证 滚动条”这个主题的详细解释。 1. **Ajax局部刷新**： - **基本原理**：Ajax通过JavaScript创建XMLHttpRequest对象，利用这个对象与服务器进行异步通信，获取或发送数据，...
### AJAX局部刷新与中文验证解析 #### 一、引言 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛应用于实现页面的异步加载与更新，为用户提供更加流畅和交互友好的体验。然而，在处理中文等...