`
wptc
  • 浏览: 22529 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

NO.1 AJAX简单实例(用户名校验) struts+AJAX(JQuery)

阅读更多

废话不说,如下:

  Action: AJAXServer

  

import java.io.PrintWriter;
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;

public class AJAXServer extends Action {

	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		
		String userName = new String(request.getParameter("name").getBytes("iso8859-1"),"UTF-8");
		
		System.out.println(userName);

		PrintWriter out = response.getWriter();
		out.write("I am From Server"+userName);
		out.close();
		return mapping.findForward("To_Index");
	}

}

 

JS: verify.js  

 

function verify(){
	var jqueryobj = $("#userName");	
	var userName = jqueryobj.val();
	$.get("AJAXServer.do?name="+userName,null,callback);
}

function callback(data){
	var resultObj = $("#result");
	resultObj.html("<font color=red>"+data+"</font>");
}

 

 

前台页面:index.jsp

 

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
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>Ajax starting page</title>
	<script type="text/javascript" src="jslib/verify.js"></script>
  <script type="text/javascript" src="jslib/jquery.js"></script>
  </head>
  
  <body>
    <input type="text" id="userName"/>
	<input type="button" value="校验" onclick="verify()"/>
	<div id="result"></div>
  </body>
</html>

 

Struts-config.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
  <data-sources />
  <form-beans />
  <global-exceptions />
  <global-forwards />
  <action-mappings >
  	<action path="/AJAXServer"
  			type="AJAXServer"
  	>
  	<forward name="To_Index" path="/index.jsp"></forward>
  	</action>
  </action-mappings>
  <message-resources parameter="com.yourcompany.struts.ApplicationResources" />
</struts-config>

 

最后一步:拷贝JQuery框架的Jquery.js 到你的项目 jslib下(自己建立的)

 

部署--->发布----->运行--->over

 

 

分享到:
评论
6 楼 mercyblitz 2010-03-23  
先学XMLHttpRequest
5 楼 66573334 2010-03-23  
谢谢楼主啊,最后那个forward是不是指向本页?我刚开始学,不太了解,对这个forward有点不太明白,这样会不会刷新页面?
还有那个out输出的内容就直接被XMLHttpRequest获取了?
4 楼 wptc 2010-01-29  
hlw579 写道
似乎LZ用的不是struts2呀

是否应该升级了呢

呵呵, 慢慢来吧, 先看看struts1.x的 看其他应该基本差不多了,大概看了下 struts2的框架,感觉看了struts1.x后看 它 也觉得容易些了吧!
3 楼 hlw579 2010-01-29  
似乎LZ用的不是struts2呀

是否应该升级了呢
2 楼 sunrisetg 2010-01-20  
没有用过JQUERY
楼主能把完整的demo上传看看嘛
1 楼 天上蝎 2009-11-25  
学习了。。

相关推荐

    struts2的Ajax实现注册验证

    一个简单的例子是使用`$.ajax()`函数,指定URL为Struts2 Action的路径,方法为GET或POST,根据你的需求来传递参数,如待验证的用户名。 3. **服务器端验证**:在Action类中,你需要编写一个方法来检查用户名是否已...

    S2SH+jQuery+JSON+Ajax注册--异步校验

    标题 "S2SH+jQuery+JSON+Ajax注册--异步校验" 提及的技术栈主要包含四个关键部分:Struts2 (S2),Spring,Hibernate(SSH)这三大企业级开发框架,以及jQuery、JSON和Ajax这三者组成的前端交互技术。这篇博客文章...

    struts+ajax学习

    Struts和Ajax是两种在Web开发中广泛应用的技术。Struts是一种基于MVC(Model-View-Controller)设计模式的Java Web框架,它主要用于构建企业级的、可维护性高的Web应用。而Ajax(Asynchronous JavaScript and XML)...

    struts2+jquery实现ajax登陆实例详解

    在讲解如何使用Struts2结合jQuery实现AJAX登录的具体实例前,我们需要先对涉及的技术栈进行解释和总结。 首先,Struts2是一个基于MVC设计模式的Web应用框架,它基于Apache的开源项目。其主要作用是将Web层与业务层...

    Struts 2 + Spring 2 + JPA + AJAX 示例

    Struts 2、Spring 2、JPA 和 AJAX 是企业级 Web 应用开发中的四大核心技术,它们在构建高效、可扩展的系统中扮演着重要角色。本示例结合这四种技术,提供了一个完整的应用实例,帮助开发者了解如何将它们整合在一起...

    Java+Ajax+struts2的web网页聊天

    【Java+Ajax+Struts2的Web网页聊天】是一个典型的前后端交互的Web应用程序实例,主要结合了Java后端处理、Ajax异步通信以及Struts2框架的技术来实现即时通讯功能。下面将详细阐述这三个技术在构建Web网页聊天中的...

    struts2实例

    7. **Ajax支持**:Struts2可以与jQuery或其他JavaScript库结合,实现部分页面的异步更新。 8. **插件**:Struts2有许多可扩展的插件,比如 strut2-dojo-plugin 用于增强用户体验, strut2-convention-plugin 用于...

    Ajax+Struts2实现验证码验证功能实例代码

    在本实例中,通过Ajax与Struts2框架结合,实现了一个简单的动态验证码验证功能。用户在界面上看到一张由后端生成的验证码图片,然后输入相应的验证码内容,通过Ajax向服务器发送验证请求。 #### 实现步骤 1. **...

    struts2_uploadify带进度条的多文件上传下载

    Struts2 Uploadify是一个在Java Web开发中常用的插件,它结合了Struts2框架和Uploadify jQuery插件,能够实现文件的多选、上传进度显示以及后台处理等功能。这个项目示例提供了一个完整的解决方案,使得用户在上传多...

    Struts2入门教程。包括jquery集成等。入门必看

    - **起源与发展**:Struts2并非新生事物,而是建立在Struts1和WebWork基础上的一个Web应用框架。它融合了两者的优势,提供了更为强大的功能支持。 - **设计理念**:采用MVC(Model-View-Controller)架构模式,将...

    struts2资料

    Struts2拥有丰富的插件库,如Struts2 Dojo插件支持AJAX,Struts2 JSON插件支持JSON数据交换,便于与其他技术如jQuery、AngularJS等集成。 这些文档将帮助开发者深入理解Struts2的工作原理,学习如何配置和使用...

    struts2入门教程

    - **第一个Struts2应用**:通过创建简单的“Hello World”应用,熟悉Struts2的基本配置和运行流程。 #### 三、Struts2核心概念 - **体系结构**:介绍Struts2的架构组成,包括FilterDispatcher、Action、Result、...

    easyui 的增册改查完整实例

    EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建用户界面,尤其在企业级Web应用中广泛应用。它提供了一套完整的组件,如表格(datagrid)、对话框(dialog)、菜单(menu)等,大大简化了网页开发的工作。...

    struts2系列教程

    - **Hello World示例**:通过简单的示例介绍如何创建第一个Struts2应用。 #### 三、Struts2晋级 - **深入理解Struts2架构**:包括其MVC模式的具体实现、请求处理流程等。 - **核心组件详解**:如Action、...

    基于Struts 的网上书店系统 开题报告

    5. **JavaScript/jQuery** 和 **AJAX**:增强前端交互体验,实现异步数据通信。 四、系统设计与架构 1. **MVC模式**:将业务逻辑、视图展示和控制逻辑分离,使得系统结构清晰,易于维护。 2. **DAO(Data Access ...

    研磨Struts2

    Struts2是一个开源的Web应用框架,继承了Struts1的优点,并且在此基础上进行了很多改进,使得它更加灵活和强大。Struts2采用MVC(Model-View-Controller)设计模式,将业务逻辑、数据处理与界面展示分离,便于开发和...

Global site tag (gtag.js) - Google Analytics