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

Ajax2Strut2jQuery

    博客分类:
  • ajax
阅读更多
package cn.com.oneslife;

import java.util.HashMap;
import java.util.Map;

import org.apache.struts2.interceptor.SessionAware;

public class AjaxAction implements SessionAware{

	private static final long serialVersionUID = 555146237439856288L;
	
	protected static final String SUCCESS = "success";

	protected Map<String,Object> session = null;
	
	protected Boolean success = null;
	
	protected Map<String,String> errors = null;

	@Override
	public void setSession(Map<String, Object> session) {
		this.session = session;
	}

	public Map<String, String> getErrors() {
		return errors;
	}

	public void addErrors(String key,String message) {
		if(null == this.errors){
			this.errors = new HashMap<String, String>();
			this.errors.put(key, message);
		}else{
			this.errors.put(key, message);
		}
	}

	public Boolean getSuccess() {
		return success;
	}

	public void setSuccess(Boolean success) {
		this.success = success;
	}
}

$(document).ready(function(){
    $('#btnSubmit').click(function(){
    	options = {
    	   url:'login.action',
    	   type:'POST',
    	   dataType:'json',
    	   success:parentJSON
    	};
    	function parentJSON(response){
    		$('form').find('#Error').remove();

    		if(!response.success){
        		for(var error in response.errors){
        			addError(error,response.errors[error]);
        		}
    		}
        }
        $('form').ajaxSubmit(options);
    });
    
    $('#btnReset').click(function(){
        $(':input:not(:button)').val('');
        $('form').find('#Error').remove();
    });
	
	function addError(name,value){
		var selector = '#' + name.replace('.','\\\.');
		$(selector).after("<div id='Error' style='color:red;font-size:12px'>" + value + '</div>');
	}
});

<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="scripts/jQuery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jQuery/jquery.form.js"></script>
<script type="text/javascript" src="scripts/util/md5.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
<title>LOGIN</title>
</head>
<body>
<s:form id="form" action="login" method="post">
<table align="center" style="margin-top: 200px;">
	<thead>
		<tr>
			<th>LOGIN</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td><s:label value="用户"/></td>
			<td><s:textfield id="account.name" name="account.name" /></td>
		</tr>
		<tr>
			<td><s:label value="密码"/></td>
			<td><s:password id="account.password" name="account.password" /></td>
		</tr>
		<tr>
			<td colspan="2">
				<input id="btnSubmit" type="button" value="登陆" />
				<input id="btnReset" type="button" value="重置" />
			</td>
		</tr>
	</tbody>
</table>
</s:form>
</body>
</html>

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
	<constant name="struts.ui.theme" value="simple"></constant>
	<package name="struts" extends="json-default">
		<global-results>
			<result type="json">
				<param name="ignoreHierarchy">false</param>
			</result>
		</global-results>
		<action name="login" class="cn.com.oneslife.LoginAction" />
	</package>
</struts>
分享到:
评论

相关推荐

    Struts2+Jquery+Ajax

    6. Struts2与Ajax的集成,使用JQuery的$.ajax()或$.getJSON()方法 7. 请求与响应的处理,包括参数传递和数据封装 8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2...

    jquery ajax json struts2最简单例子测试成功

    在IT行业中,jQuery、AJAX、JSON以及Struts2是四个非常重要的技术,它们在Web开发领域中扮演着核心角色。下面将详细解释这些技术及其相互间的集成。 **jQuery** 是一个快速、简洁的JavaScript库,它简化了HTML文档...

    struts2+ajax+jquery

    在这个"struts2+ajax+jquery"的主题中,我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先,Struts2作为MVC框架,它的核心是Action,它负责处理用户的请求,并通过配置的Result返回...

    Jquery struts2 json 实现ajax

    标题 "Jquery struts2 json 实现ajax" 涉及到的是在Web开发中使用jQuery库与Struts2框架结合处理JSON数据的Ajax技术。这个主题主要关注如何通过前端的jQuery实现异步请求,与后端的Struts2框架进行交互,从而更新...

    JQuery发起ajax请求Struts2,并操作JSON数据的例子

    在Web开发中,jQuery、Ajax、Struts2和JSON是常用的技术栈,它们结合使用能够构建动态、交互式的网页应用。下面将详细讲解这些技术及其在"JQuery发起ajax请求Struts2,并操作JSON数据的例子"中的应用。 **jQuery** ...

    ajax-struts2需要的3个包

    Struts2是一个非常流行的Java Web框架,它支持多种扩展,包括Ajax功能。在Struts2中实现Ajax交互,通常需要依赖一些特定的库和插件。以下是对"ajax-struts2需要的3个包"的详细解释: 1. **json.js**: 这是一个...

    struts2ajax项目

    本项目"struts2ajax"是基于Struts2框架,利用jQuery库实现的Ajax功能示例。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互,使得开发者更容易实现复杂的前端效果和交互。 首先,我们...

    Struts2整合jQuery实现Ajax功能

    ### Struts2整合jQuery实现Ajax功能 #### 一、引言 随着Web应用程序的发展,用户对交互性和响应速度的要求越来越高。传统的Web表单提交方式已无法满足这些需求,因此Ajax技术逐渐成为提升用户体验的重要手段之一。...

    struts2+jquery+ajax文件异步上传

    Struts2、jQuery和Ajax是Web开发中的三个关键组件,它们共同构成了文件异步上传的基础框架。这个项目是在MyEclipse环境下实现的一个简单的文件上传功能,让我们深入了解一下这些技术及其在文件上传中的应用。 首先...

    jquery的ajax传json对象数组到struts2的action

    在Web开发中,jQuery的AJAX功能经常被用于与服务器进行异步数据交换,而Struts2作为一款流行的Java Web框架,提供了处理前端请求的能力。本文将深入探讨如何使用jQuery的AJAX方法发送JSON对象数组到Struts2的Action...

    Struts2整合jQuery实现Ajax功能.doc

    总结来说,Struts2整合jQuery实现Ajax功能,可以让前端和后端之间进行无缝通信,提供更加动态的用户体验。通过使用jQuery简化Ajax操作,开发者可以专注于业务逻辑而不是繁琐的异步请求处理。同时,Struts2的Action...

    Struts2之ajax初析的并结合jquery一个例子

    Struts2之ajax初析的并结合jquery一个例子 Web2.0的随波逐流,Ajax那是大放异彩,Struts2框架自己整合了对Ajax的原生支持(struts 2.1.7+,之前的版本可以通过插件实现),框架的整合只是使得JSON的创建变得异常简单...

    ajax与Struts2交互实例

    使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Struts2的交互开始。

    Struts2与Ajax 精简源码

    Struts2与Ajax 的实现原理,于Servlet+Ajax原理是一致的,都是通过后台的response.getWriter().print("");把数据传输给前台的。 前台Ajax格式如下(需要导入ajax库,比如:jquery-1.11.3.js) 格式: $(function()...

    jquery下的ajax与struts2操作数据库

    1. **商品记录删除**:当用户点击删除按钮时,jQuery可以通过AJAX调用一个Struts2的Action,传递商品ID作为参数。在Action中,我们可以使用Hibernate或JDBC等持久层技术来执行SQL删除语句,然后返回一个表示操作成功...

    ajax与Struts2使用json格式交互实例

    使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Struts2的使用json格式进行交互开始。

    使用struts2+JQuery实现的简单的ajax例子

    在这个简单的Ajax例子中,我们将探讨如何整合Struts2和jQuery来实现页面无刷新的数据更新。 首先,我们需要在项目中引入Struts2和jQuery的相关依赖。Struts2通常通过Maven或Gradle添加依赖库,包括核心库、struts2-...

    ajax_struts_jquery_json级联菜单

    在"ajax_struts_jquery_json级联菜单"的场景中,我们将看到如何利用这四种技术协同工作来创建这样的功能。 首先,Struts框架在后台处理业务逻辑。当用户在前端选择了一个父级菜单项后,Struts Action会接收到这个...

    struts2与jquery实现ajax操作

    这个struts2 实例是通过用js的一个框架jquery来实现的ajax,jquery真的不错,其中的数据传输格式用的时json,用了一个json_lib的jar包,所有所需的包都在了,下载后就能运行,对于初学struts2与ajax的朋友很有点帮助...

Global site tag (gtag.js) - Google Analytics