struts2+jquery无刷新获取后台数据

最新推荐文章于 2019-04-04 10:19:55 发布

等待守护

最新推荐文章于 2019-04-04 10:19:55 发布

阅读量737

点赞数

分类专栏： JavaEE

本文链接：https://blog.csdn.net/simle_yf_smile/article/details/8201846

版权

JavaEE 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

现在jquery是一个很流行的框架，因为它可以不必刷新页面，而执行各种操作，给用户一个良好的体验。这几天试着用着做了下，发现效果还不错，实现了登录，加载数据至表格，删除某行数据,修改数据并更新提交。有错误之处还望指出

jsp页面


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#btn_login").click(function() {
			var  name=$("#loginName").val();
			var  password=$("#password").val();
		$.ajax({
			type:"post",
			datatype:"json",
			url:"Login.action",
			data:({"loginName" : name,"password" :password}),
			success:function(data){
				$("#result").html("欢迎您:"+data);
			}
			});
		});
	});
</script>
</head>
<body>
	<span>用户名：</span>
	<input type="text" id="loginName" name="loginName">
	<br />

	<span>密码：</span>
	<input type="password" name="password" id="password">
	<br />

	<input type="button" id="btn_login" value="Login" />
	<p>
		这里显示ajax信息： <br /> <span id="result"></span>
	</p>

</body>
</html>

LoginAction

package com.action;

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

import com.opensymphony.xwork2.ActionSupport;

public class LoginAction extends ActionSupport {
	private static final long serialVersionUID = 1L;
	private String loginName;
	private String password;
	private String result;
	public String getResult() {
		return result;
	}
	public void setResult(String result) {
		this.result = result;
	}

	public String getLoginName() {
		return loginName;
	}

	public void setLoginName(String loginName) {
		this.loginName = loginName;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}

	@Override
	public String execute() throws Exception {
		Map<String, String> map = new HashMap<String, String>();
		map.put("name", loginName);
		result =map.get("name");
		return SUCCESS;
	}
}

struts.xml配置

<?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>  
	<package name="default" extends="json-default" >  
		<action name="Login" class="com.action.LoginAction">  
			<result type="json">  
				<param name="root">result</param>  
			</result>  
		</action>  
	</package>  
</struts>

引入的jar包，这里我用struts2.3.4

源代码下载

等待守护

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
struts2+jquery无刷新获取后台数据

现在jquery是一个很流行的框架，因为它可以不必刷新页面，而执行各种操作，给用户一个良好的体验。这几天试着用着做了下，发现效果还不错，实现了登录，加载数据至表格，删除某行数据,修改数据并更新提交。有错误之处还望指出jsp页面Insert title here<script type="text/javascript" src="js/jquery-1.8.3.js"> $
复制链接

扫一扫

专栏目录