1、首先导入几个jar包
commons-beanutils.jar
commons-collections.jar
commons-logging.jar
commons-lang.jar
ezmorph-1.0.6.jar
json-lib-2.2.3-jdk.jar
2、服务器端处理程序
LoginAction
/*
* Generated by MyEclipse Struts
* Template path: templates/java/JavaClass.vtl
*/
package com.sailor.test.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import com.sailor.test.action.form.LoginForm;
import com.sailor.test.model.LoginDTO;
/** *//**
* MyEclipse Struts
* Creation date: 12-28-2008
*
* XDoclet definition:
* @struts.action path="/login" name="loginForm" input="/login.jsp" scope="request" validate="true"
*/
public class LoginAction extends Action {
/**//*
* Generated Methods
*/
/** *//**
* Method execute
* @param mapping
* @param form
* @param request
* @param response
* @return ActionForward
*/
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
System.out.println("begin");
LoginForm loginForm = (LoginForm) form;
List<LoginDTO> list = new ArrayList<LoginDTO>();
LoginDTO l1 = new LoginDTO();
l1.setUsername("haiou");
l1.setPassword("sa");
LoginDTO l2 = new LoginDTO();
l2.setUsername("sailor");
l2.setPassword("123456");
LoginDTO l3 = new LoginDTO();
l3.setUsername(loginForm.getUsername());
l3.setPassword(loginForm.getPassword());
list.add(l1);
list.add(l2);
list.add(l3);
//适用于List
//Map<String, Object> map = new HashMap<String, Object>();
//map.put("userlist", list);
//JSONObject json = JSONObject.fromObject(map);
//适用于Map
JSONArray json = JSONArray.fromObject(list);
try {
PrintWriter out = response.getWriter();
out.print(json);
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
}
2、struts-config,web.xml不需要特殊的配置
3、login.jsp:输入用户名和密码,然后显示在本页面
login.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<html>
<head>
<title>JSP for LoginForm form</title>
<script src="jquery-1[1].2.1.pack.js" charset="utf-8"></script>
<script>
$(document).ready(function(){
$("#userlogin").click(function(){
$.ajax({
url:'login.do',
type: 'post',
data:'username='+$("#username").val()+'&password='+$("#password").val(),
timeout: 2000,
error: function(){
alert('错误');
},
success: function(json){
var users = eval('(' + json + ')');
$("#result").empty();
$("#username").attr("value","");
$("#password").attr("value","");
//返回的是List
$.each(users,function(i, user){
$("#result").append("<li>"+ i + " name: " + user.username + " pwd:"+ user.password +"</li>");
});
//返回的是Map类型
// var users = myObject.userlist;
// $.each(users,function(i, user){
// $("#result").append("<li>"+ i + " name: " + user.username + " pwd:"+ user.password +"</li>");
// });
}
});
});
//ajax提交
$("#loading").ajaxStart(function(){
$(this).html("<img src=\"loading.gif\"> 正在加载");
});
//ajax成功状态
$("#loading").ajaxSuccess(function(){
$(this).html("保存成功!");
});
//ajax结束状态
$("#loading").ajaxStop(function(){
$(this).hide();
});
});
</script>
</head>
<body>
用户名 : <input type="text" id="username" name="username"/><br/>
密码 : <input type="password" id="password" name="password"/><br/>
<font id="userlogin">登陆</font><span id="loading"></span>
<p id="result"></p>
</body>
</html>
分享到:
相关推荐
本人刚学jquery,自己从网上找的资料然后研究,最后实现了jquery与struts2整合,界面通过jquery从struts2的action中数据交互
jquery和struts2的整合,一个简单的小demo,能跑起来。
整合了struts2 jquery的formValidator表单验证的页面代码, 包含验证用户是否存在,提交表单等
struts+js整合示例,struts+jquery整合示例
struts2 整合jQuery 和 json 的全部jar包 包括 struts json的全部包
jquery.validate 与 struts2的整合使用
Struts2整合jQuery实现Ajax功能
struts2使用jquery整合ajax、json用户登录实例源码
jQuery EasyUI与Struts2 的整合—属性驱动篇 如果你是用模型驱动,或者是直接把属性写在action里面,你不会碰到我遇到的那么多问题。 但是你用模型驱动好吗,如果一个页面需要处理多个对象的时候怎么办。 如果你...
经典购物车例子, 整合了 struts2+ jquery ,并打包成myeclipse工程,包含jar包,是学习 ajax 的必备例子,绝对不会让你失望
Struts2整合jQuery实现Ajax功能 和大多数喜欢用PHP做jQuery.ajax()后台不一样,我偏偏 喜欢 Java Struts2 Action。 欢迎您的下载完善。一同进步。
struts2+jquery 整合的jar包
struts2整合jquery的ajax异步数据的提交和对象列
Eclipse+Struts2+Spring+MyBatis+jQuery整合教程,Eclipse+Struts2+Spring+MyBatis+jQuery整合教程.
struts2整合jquery例子,实现增删改查
jQuery EasyUI与Struts2 的整合—属性驱动篇
四个struts1(2)+spring+ibatis+jquery整合实例