前言：Struts2作为一款优秀的MVC框架，和Ajax结合在一起，用户就会有良好的体验，本篇博文我们来模拟一个简单的登录操作，实现Ajax的异步请求，其中Struts2进行的是链接处理，Action动态处理请求，Ajax负责进行异步处理，传送数据与返回数据，其中主要使用的技术有：struts2+Ajax+Jquery+Css,好吧，废话不多说，让我们来看看这个实例吧。

第一步：新建一个Dynamic web project,然后起名：Struts2Ajax,引入相关的jar包，在web.xml文件中配置struts2的filter.我们都知道新的请求首先进入的.xml文件，所以配置上过滤器，这样请求就会自动进入交给struts2处理了。

<?xml version="1.0" encoding="UTF-8"?>

<web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

	<display-name>Struts2Ajax</display-name>

	<filter>

		<filter-name>struts2</filter-name>

		<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>

	</filter>

	<filter-mapping>

		<filter-name>struts2</filter-name>

		<url-pattern>/*</url-pattern>

	</filter-mapping>

</web-app>

　　

第二步：我们来配置Struts2的配置文件，其中主要是配置Action，也就是请求过来交给谁进行处理，注意这里的result Type="stream"是io中流的方式，它输出的是二进制数据，我们的contentType是html文件，它最终会返回页面以html的形式出现在页面下角

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">

<struts>

	<package name="StrutsAjax" extends="struts-default">

		<action name="login"  class="com.wyq.Action.LogAction">

			<result type="stream" name="success">

			<param name="cotentType">text/html</param>

			<param name="inputName">result</param>

			</result>

		</action>

	</package>

</struts>

　　第三步：我们新建一个包，起名com.wyq.Action，主要是来存放请求的Action。新建类，LoginACtion,代码如下：

package com.wyq.Action;

import java.io.ByteArrayInputStream;

import java.io.InputStream;

import com.opensymphony.xwork2.Action;

public class LogAction implements Action{

	private String user;

	private String pass;

	private InputStream inputStream;

	public String getUser() {

		return user;

	}

	public void setUser(String user) {

		this.user = user;

	}

	public String getPass() {

		return pass;

	}

	public void setPass(String pass) {

		this.pass = pass;

	}

	public void setInputStream(InputStream inputStream) {

		this.inputStream = inputStream;

	}

	public InputStream getResult() {

		return inputStream;

	}

	@Override

	public String execute() throws Exception {

		String sus="恭喜你，登录成功！";

		String fail="对不起，用户名和密码不匹配";

		inputStream=user.equals("wangyongqiang")&&pass.equals("123")?new ByteArrayInputStream(sus.getBytes("UTF-8")):new ByteArrayInputStream(fail.getBytes("UTF-8"));

		return SUCCESS;

	}

}

　　第四步：我们来编写请求的页面，loginForm.jsp，其中要引入Jquery框架，使用到css，这里为了方便起见，我采用的方式是引入一个互联网中的jquery资源，然后借助于Jquery的Ajax，实现异步请求

<%@ page contentType="text/html; charset=GBK" language="java" errorPage="" %>

<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<title>使用stream结果实现Ajax</title>

	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"

	  type="text/javascript">

	</script>

</head>

<body>

<s:form id="loginForm">

	<s:textfield name="user" label="用户名"/>

	<s:textfield name="pass" label="密码"/>

	<tr><td colspan="2">

	<input id="loginBn" type="button" value="提交"/>

	</td></tr>

</s:form>

<div id="show" style="display:none;">

</div>

<script type="text/javascript">

	// 为id为loginBn的按钮绑定事件处理函数

	$("#loginBn").click(function()

	{

		$("#show").hide();

		// 指定向login发送请求，以id为loginForm表单里各表单控件作为请求参数

		$.get("login" , $("#loginForm").serializeArray() ,

			// 指定回调函数

			function(data , statusText)

			{

				$("#show").height(30)

					.width(400)

					.css("border" , "1px solid black")

					.css("border-radius" , "10px")

					.css("background-color" , "#efef99")

					.css("color" , "#ff0000")

					.css("padding" , "20px")

					.empty();

				$("#show").append("登录结果：" + data + "<br />");

				$("#show").show(2000);

			},

			// 指定服务器响应为html

			"html");

	});

</script>

</body>

</html>

　　第五步：编译，然后放在weblogic中部署，接下来就可以运行了。在浏览器窗口，输入：http://localhost:7001/Struts2Ajax/loginForm.jsp，我们就可以看到一个登陆框。

然后，按照我们的写法，先来输入一个错误的用户名和密码，我们看看会发生什么情况。

再按照Action中设置的账号和密码，我们来看看会返回什么结果；

总结：这就是一个完整的Struts2和Ajax结合的实例，虽然很简单，但是也可以学到很多知识，比如Struts2支持的返回类型为Stream，这是一种流的方式，就可以进行数据输出，从而结合与jquery，就可以实现异步请求，以下是基本原理图：

Struts2结合Ajax实现登录的更多相关文章

  1. Struts2与Ajax数据交互

    写在前面: ajax请求在项目中常常使用,今天就平时掌握的总结一下,关于使用ajax请求到Struts2中的action时,前台页面与后台action之间的数据传递交互问题. 这里我主要记录下自己所掌 ...

  2. 用户管理的设计--4.jquery的ajax实现登录名的校验

    页面效果 鼠标失去焦点时,不需要刷新页面进行校验,判断登录名是否重复. 实现步骤 1.引入struts2-json-plugin-2.5.10.1插件包 2.页面使用jquery的ajax实现后台校验 ...

  3. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  4. Struts2与Ajax的整合

    整合: 导入jar包 sturts2-json-plugin-2.1.8.1.jar 说明: 在该jar包中有struts-plugin.xml文件 <struts>            ...

  5. ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

    AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.   ...

  6. Struts2之ajax初析

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

  7. Struts2与ajax整合之缺点

    之前有篇博客介绍了Struts2与ajax的整合,链接Struts2之-集成Json插件实现Ajax 这里不再累述,看以上博客. 此篇博客想吐槽一下Struts2的缺点--错误处理做的不好,怎么做的不 ...

  8. ajax 做登录 实现页面免刷新

    结合之前学的知识,可以用ajax来传递数据,实现页面不用刷新,仅数据刷新,来看一下ajax是怎么来实现页面免刷新的 方的是客户端,圆的是服务器 如果没有ajax的话,客户端直接把数据传给服务器,服务器 ...

  9. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

随机推荐

  1. Azure IoT 技术研究系列1-入门篇

    物联网技术已经火了很多年了,业界各大厂商都有各自成熟的解决方案.我们公司主要搞新能源汽车充电,充电桩就是我们物联网技术的最大应用,车联网.物联网. 互联网三网合一.作为Azure重要的Partner和 ...

  2. MongoDB数据库安装及配置环境终极教程(windows10系统)

    本文是笔者花时间踩坑踩生气了写出来的!转载请注明出处@http://www.cnblogs.com/tim100/!请尊重我的劳动成果!谢谢! 今天,给大家说说在windows10系统下MongoDB ...

  3. win10 如何配置 java jdk1.8环境变量（2017.2.24）

    win10 如何配置 java jdk 环境变量 这里的win10 为全新安装的系统 一.安装 下载 jdk 64位 windows 版本安装(默认安装) 默认安装的路径: C:\Program Fi ...

  4. oracle表空间扩容

    oracle在使用中会发现,表空间不足的情况:以下介绍了如何1.查询表空间使用率.剩余量:2.如何扩展表空间容量: 1.表空间容量指标查询 SELECT TABLESPACE_NAME "表 ...

  5. GitHub上非常受开发者欢迎的iOS开源项目（二）

    "每一次的改变总意味着新的开始."这句话用在iOS上可谓是再合适不过的了.GitHub上的iOS开源项目数不胜数,iOS每一次的改变,总会引发iOS开源项目的演变,从iOS 1.x ...

  6. aos.js超赞页面滚动元素动画jQuery动画库

    插件描述:aos.js 是一款效果超赞的页面滚动元素动画jQuery动画库插件.该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果.在页面往回滚动时,元素会恢复到原来的状态 ...

  7. Android中调用文件管理器并返回选中文件的路径

    实际项目中经常需要调用文件管理器,选择下载路径或者上传的本地文件路径.今天就给大家做个demo示范该功能的实现过程. 一.实现效果预览 以下为三星S6的样机测试效果,当然不同手机调用后的效果不一样. ...

  8. List<Object>对象集合一些扩展方法

    // 商品集合信息            List<Product> list = new List<Product>()            {               ...

  9. Web层框架对网站中所有异常的统一解决

    一个网站的异常信息作为专业的人士,是不会轻易暴露给用户的,因为那样狠不安全,显得你漏是一回事,只要还是考虑到网站的数据安全问题,下面给大家分享一下一些常见的web层框架是如何处理统一的异常. 之前都是 ...

  10. （知识点）JavaScript原型和原型链

    〇 每个函数都拥有prototype属性,而该属性所储存的就是原型对象 1)原型属性—— 上面我们测试了foo()函数的 1) length属性(length属性除了可以用在数组中,还可以用于记录函数 ...