Struts2+jquery ajax简单案例

jquery ajax 同时被 3 个专栏收录
1 篇文章 0 订阅
3 篇文章 0 订阅
2 篇文章 0 订阅

最近做项目用到了struts2+ajax,因为之前没接触过,所以就百度了一下,结果发现找到的案例都感觉写的太乱,所以趁上班的空闲期做了个小案例供大家参考:

1.项目所需的jar包:


2.struts.xml配置

3.action块,这里没有写dao层

private User user;//返回单个对象
	public String showUserInfo() throws Exception {
		System.out.println("用户ID:" + user.getId());
		System.out.println("用户名:" + user.getUsername());
		System.out.println("密     码:" + user.getPassword());
		return "userInfo";
	}
	//省略getter/setter

4.js函数,事件注册ajax

<script type="text/javascript">
		$(document).ready(function(){
			//向服务器发送表单数据,模拟ajax用户注册(登录)
			$("#regRe").click(function(){
				//把表单数据进行序列化
				var params = $("form").serialize();
				$.ajax({
					url:"jsonTest!showUserInfo.action",//请求地址
					type:"POST",//请求类型
					data:params,//参数
					dataType:"json",//预期服务器返回的数据类型,返回json类型如果不指定
					success:function(data){
						//清空标签数据
						$("#message").html("");
						//为标签重新绑定数据
						$("#message").append("<div><font color='red'>用户ID:"+data.user.id+"</font></div>")  
          				.append("<div><font color='red'>用户名:"+data.user.username+"</font></div>")  
          				.append("<div><font color='red'>密码:"+data.user.password+"</font></div>")
						
					}
				});
			});
		});
	</script>

5.表单提交

<!-- 要显示信息的层 -->  
    <div id="message"></div>
    
    <form>
    	用户ID:<input type="text" name="user.id" />
    	用户名:<input type="text" name="user.username" />
    	密   码:<input type="password" name="user.password" />
    	<input id="regRe" type="button" value="注册" />
    </form>




  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值