利用jquery框架中ajax实现前台与struts2中action交互

最新推荐文章于 2021-08-05 13:50:38 发布

error_code

最新推荐文章于 2021-08-05 13:50:38 发布

阅读量1.2w

点赞数 3

分类专栏： jQuery struts ajax 文章标签： struts action jquery 框架 ajax string

本文链接：https://blog.csdn.net/wangnetkang/article/details/7723304

版权

struts 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

jQuery

5 篇文章 0 订阅

订阅专栏

ajax

4 篇文章 0 订阅

订阅专栏

本实例通过利用Jquery框架中的post方法实现了前台jsp页面的数据和以struts2为后台的action之间数据的传递

首先编写jsp页面

JSP代码

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	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>
		<script type="text/javascript" src="<%=path %>/js/jquery-1.7.2.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/md5.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/login.js">
</script>
	</head>

	<body>
		<div align="center">
			user login
			<br />
			<br />
			username:
			<s:textfield name="username"></s:textfield>
			<br />
			<br />
			password:
			<s:password name="password"></s:password>
			<br />
			<br />
			<s:submit value="提交" id="submit"></s:submit>

		</div>
	</body>
</html>

界面很简单就是一个模拟登录的界面

2。。。。。。进行JS脚本编写

//对密码进行加密
$(document).ready(function() {
	$("#submit").click(function() {
		var psw = $("#password");
		var username = $("#username").val();
		var password = hex_md5(psw.val());
		alert(psw.val()+":"+password);
		$.post("Login.action",{"username":username,"password":password},function(data){alert(data);},"text");
		alert("123");
	}

	);
})

3。。。。。。。。进行后台action的编写

package com.action;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

public class Login extends ActionSupport{
	private String username;
	private String password;
	public String execute() throws Exception {	
		System.out.println(password);
		HttpServletResponse response=ServletActionContext.getResponse(); 
		response.getWriter().write(username); 
		System.out.println(username);
		return null;
	}
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}


}

4。。。。。。。。进行struts的配置

<?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.enable.DynamicMethodInvocation" value="true" />
    <constant name="struts.devMode" value="true" />

    <package name="default"  extends="struts-default">
        <action name="Login" class="com.action.Login">
            <result>pages/admin.jsp</result>
        </action>
    </package>

    <!-- Add packages here -->

</struts>

5。。。。。。。。。。。进行测试

测试结果为后台得到前台的username和加密后的password并在控制台进行了打印

前台直接返回alert弹出了输入的username

6。。。。。。配置完毕

error_code

关注

3
点赞
踩
10

收藏

觉得还不错? 一键收藏
2
评论
利用jquery框架中ajax实现前台与struts2中action交互

本实例通过利用Jquery框架中的post方法实现了前台jsp页面的数据和以struts2为后台的action之间数据的传递首先编写jsp页面JSP代码<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getSe
复制链接

扫一扫