struts+jquery
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"%> 45<html>6 <head> 7 <title>JSP for LoginForm form</title> 8 9 <script src="jquery-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>
页:
[1]