struts+jquery

twh1224 · 发表于 2013-1-23 02:53:05

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、服务器端处理程序
1/**//* 2 * Generated by MyEclipse Struts 3 * Template path: templates/java/JavaClass.vtl 4 */ 5package com.sailor.test.action; 6 7import java.io.IOException; 8import java.io.PrintWriter; 9import java.util.ArrayList;10import java.util.List;1112import javax.servlet.http.HttpServletRequest;13import javax.servlet.http.HttpServletResponse;141516import net.sf.json.JSONArray;1718import org.apache.struts.action.Action;19import org.apache.struts.action.ActionForm;20import org.apache.struts.action.ActionForward;21import org.apache.struts.action.ActionMapping;2223import com.sailor.test.action.form.LoginForm;24import com.sailor.test.model.LoginDTO;2526/** *//** 27 * MyEclipse Struts28 * Creation date: 12-28-200829 * 30 * XDoclet definition:31 * @struts.action path="/login" name="loginForm" input="/login.jsp" scope="request" validate="true"32 */33public class LoginAction extends Action {34 /**//*35    * Generated Methods36    */3738 /** *//** 39    * Method execute40    * @param mapping41    * @param form42    * @param request43    * @param response44    * @return ActionForward45    */46 public ActionForward execute(ActionMapping mapping, ActionForm form,47          HttpServletRequest request, HttpServletResponse response) {48       49       50       System.out.println("begin");5152       LoginForm loginForm = (LoginForm) form;53       54       List<LoginDTO> list = new ArrayList<LoginDTO>();55       56       LoginDTO l1 = new LoginDTO();57       l1.setUsername("haiou");58       l1.setPassword("sa");59       60       LoginDTO l2 = new LoginDTO();61       l2.setUsername("sailor");62       l2.setPassword("123456");63       64       LoginDTO l3 = new LoginDTO();65       l3.setUsername(loginForm.getUsername());66       l3.setPassword(loginForm.getPassword());6768       list.add(l1);69       list.add(l2);70       list.add(l3);71       72       //适用于List73       //Map<String, Object> map = new HashMap<String, Object>();74       //map.put("userlist", list);75       //JSONObject json = JSONObject.fromObject(map);76       77       //适用于Map78       JSONArray json = JSONArray.fromObject(list);79       80       try {81          PrintWriter out = response.getWriter();82          out.print(json);83          84       } catch (IOException e) {85          e.printStackTrace();86       }8788       return null;89 }90}
2、struts-config，web.xml不需要特殊的配置

3、login.jsp：输入用户名和密码，然后显示在本页面
<%@ page language="java" pageEncoding="UTF-8"%> 2<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>  3<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%> 4  5<html>  6 <head> 7       <title>JSP for LoginForm form</title> 8 9       <script src="jquery-1[1].2.1.pack.js" charset="utf-8"></script>10 <script>11 $(document).ready(function(){12 13    $("#userlogin").click(function(){14          $.ajax({15                url:'login.do', 16                type: 'post',17                data:'username='+$("#username").val()+'&password='+$("#password").val(), 18                timeout: 2000,19                error: function(){20                   alert('错误');21                },22             success: function(json){23             24             var users = eval('(' + json + ')');25             26             $("#result").empty();27             $("#username").attr("value",""); 28             $("#password").attr("value",""); 29             30             //返回的是List31             $.each(users,function(i, user){    32                $("#result").append("<li>"+ i + " name: " + user.username + "&nbsp; pwd:"+ user.password +"</li>");33             });34             35             //返回的是Map类型36             //  var users = myObject.userlist;37             // $.each(users,function(i, user){38             // $("#result").append("<li>"+ i + " name: " + user.username + "&nbsp; pwd:"+ user.password +"</li>");39             // });40                }41       });42       43    });    44 45       //ajax提交46       $("#loading").ajaxStart(function(){ 47          $(this).html("<img src=\"loading.gif\">&nbsp;正在加载");48       }); 49    50    //ajax成功状态51       $("#loading").ajaxSuccess(function(){52          $(this).html("保存成功!");53       });54       55       //ajax结束状态56       $("#loading").ajaxStop(function(){57          $(this).hide();58       }); 59 60 });61 </script>626364 </head>65 <body> 66 用户名 : <input type="text" id="username" name="username"/><br/>67 密码 :    <input type="password" id="password" name="password"/><br/>68          <font id="userlogin">登陆</font><span id="loading"></span>6970 <p id="result"></p>71 </body>72</html>

		自动登录	找回密码
密码			立即注册