1.导入jar包

struts核心包：



json需要的包：

2.配置web.xml

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

3.编写页面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

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

<script>

	$(function(){

		$("#button").click(function(){

			var data = {

					username: $("#username").val(),

					userpwd: $("#userpwd").val()

			}

			$.post("login.action",data,function(msg){

				alert(msg);

			},'json');

		})

	})

</script>

</head>

<body>

用户姓名：<input type="text" id ="username"><br><br>

用户密码：<input type="text" id= "userpwd"><br><br>

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

</body>

</html>

4.配置struts.xml和Action类

原生实现方法

    public class UserAction extends ActionSupport implements ServletRequestAware {

	private String username;

	private String userpwd;

	private HttpServletRequest request;

	public String getUsername() {

		return username;

	}

	public void setUsername(String username) {

		this.username = username;

	}

	public String getUserpwd() {

		return userpwd;

	}

	public void setUserpwd(String userpwd) {

		this.userpwd = userpwd;

	}

	@Override

	public void setServletRequest(HttpServletRequest arg0) {

		this.request = arg0;

	}

	public void executeAjax() throws IOException {

		// 处理Ajax请求

		String name = request.getParameter("username");

		String pwd = request.getParameter("userpwd");

		HttpServletResponse response = ServletActionContext.getResponse();

		response.getWriter().print("hello"+username+"hello"+userpwd);

	}

    }

使用插件

<struts>

    <package name="hello" namespace="/" extends="struts-default,json-default">

        <action name="login" class="cn.jiangwenwen.action.UserAction" method="executeAjax">

            <result type="json">

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

            </result>

        </action>

    </package>

</struts>


public class UserAction extends ActionSupport{

	private String username;

	private String userpwd;

	private String result;

	public String executeAjax() {

		if("admin".equals(username)) {

			result = "主人，欢迎回家！";

		}else {

			result = "警告，非法入侵！";

		}

		return SUCCESS;

	}

	public String getUsername() {

		return username;

	}

	public void setUsername(String username) {

		this.username = username;

	}

	public String getUserpwd() {

		return userpwd;

	}

	public void setUserpwd(String userpwd) {

		this.userpwd = userpwd;

	}

	public String getResult() {

		return result;

	}

	public void setResult(String result) {

		this.result = result;

	}

}

Struts2+Ajax实现数据交互的更多相关文章

  1. $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互

    一.ajax  1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json  2 ajax干啥用的?前后端做数据交互:  3 之前学的跟后台做交互的方式:   -第一种:在浏览器 ...

  2. AJAX进行数据交互的过程

    AJAX全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML). 是指一种创建交互式网页应用的网页开发技术. 通过在后台与服务 ...

  3. laytpl模板——怎么使用ajax与数据交互

    第一次在项目中用laytpl模板,下面是一些使用过程中的探索,希望对小伙伴们有所帮助. 注:第一次使用这个模板的小伙伴建议先去看看官网 laytpl <script type="tex ...

  4. springmvc使用ajax进行数据交互时，session失效问题（@ResponseBody与session能否同时使用？）

    今天做博客demo的时候遇到了这样的问题:当我用ajax进行资源请求时,需要顺便将账户信息存入session.但是后来发现有@Responsebody标签时,直接用HttpSession存数据时,根本 ...

  5. Vue--- Vue（Pubsub + Ajax） 数据交互

    案例知识点 兄弟组件儿的通信     使用了Pubsub    订阅与发布 ajax数据请求    获取前   获取中   获取后   获取为空    获取异常 获取成功后显示数据给到  原先定义号的 ...

  6. Struts2基本使用（三）--数据交互

    Struts2中的数据交互 在Struts2中我们不必再使用request.getParameter()这种方式来获取前台发送到服务器的参数. 我们可以在服务器端的Java类中直接声明一个和前台发送数 ...

  7. EChats+Ajax之柱状图的数据交互

    原文链接:https://blog.csdn.net/qq_37936542/article/details/79723710 一:下载 echarts.min.js 选择完整版进行下载,精简版和常用 ...

  8. Struts2与Ajax数据交互

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

  9. 使用Jquery.AJAX方法和PHP后台数据交互小结

    使用jQuery的AJAX方法和后台PHP进行数据交互,交互采用的数据格式JSON格式. 我主要小小的总结了一下,我使用AJAX方法时候遇到一些小小的问题. 第一:在传递数据的时候,传输地址注意是否正 ...

随机推荐

  1. 入手node

    一.安装node(查询使用npm) 二.安装淘宝镜像(查询使用cnpm,安装淘宝镜像之后下载速度会更快) 三.安装相关资料时,在预安装的文件夹使用: shift + 右键, 打开命令行窗口,进入终端

  2. SDK manager打不开解决办法

    在下载管理android SDK过程中,有时会出现SDK manager.exe打不开的情况,网上也罗列了各种解决办法,其中地址为http://blog.csdn.net/pipisorry/arti ...

  3. linux开启 Sersync 守护进程进行数据同步

    a.配置 Sersync 环境变量 [root@SERSYNC sersync]# echo 'export PATH=$PATH:/usr/local/sersync/bin'>>/et ...

  4. python基础--局部变量与全局变量

    #全局变量作用于全局或整个程序中,程序执行完毕后销毁,局部变量作用在当前函数中,调用函数执行完毕及销毁 #如果函数的内容无global关键字,优先读取同名局部变量,如果没有同名局部变量,只能读取同名全 ...

  5. man(2) readv writev

    #include <sys/uio.h> ssize_t readv(int fd, const struct iovec *iov, int iovcnt); unix高级环境编程中的定 ...

  6. ltp-ddt eth_switch_config学习

    # @name ALE Table test using SWITCH-CONFIG # @desc Checks default entries in ALE table and verifies ...

  7. 前端每日实战：91# 视频演示如何用纯 CSS 创作一个行驶中的火车 loader

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/RBLWzJ 可交互视频 此视频是可 ...

  8. 【XSY2472】string

    题目 Description 输入文件: string.in 输出文件: string.out 给定一个由且仅由字符 'H' , 'T' 构成的字符串 \(S\) . 给定一个最初为空的字符串 \(T ...

  9. OC + RAC (八) 查看信号状态和跳过信号

    -(void)_test9{ /// RACCommand又叫命令 是用来收发数据的 监听按钮点击,网络请求.... RACCommand * command = [[RACCommand alloc ...

  10. c#类的定义，c#中的关健字，C#标识符

    什么是类:一种数数据结构,存储数据成员,方法成员,和其它的内容,便 于方便 谳用C#语法: class 类名{ //TODO} C#中关键字(小写)不能作为方法名,类名,命名空间名等, static ...