`
chengyue2007
  • 浏览: 1488728 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

struts与jQuery的完美整合方式之一

    博客分类：
  • java
StrutsjQueryjsonAjaxApache 
阅读更多


 plugin一定要是0.33的因为别的有错误和bug
 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、服务器端处理程序

 

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：输入用户名和密码，然后显示在本页面
<%@ 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 + "&nbsp; pwd:"+ user.password +"</li>");
               });
               
               //返回的是Map类型
               //  var users = myObject.userlist;
               // $.each(users,function(i, user){
               //    $("#result").append("<li>"+ i + " name: " + user.username + "&nbsp; pwd:"+ user.password +"</li>");
               // });
                 }
         });
        
     });      
   
        //ajax提交
        $("#loading").ajaxStart(function(){ 
             $(this).html("<img src=\"loading.gif\">&nbsp;正在加载");
          }); 
      
       //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>

 

 

 

 

 

 

 

 

 

 

 

 

 

<form action="FuserAction.do?method=login" method="post" id="loginf">
                <input type="text" name="mail" class="f_txt"/>
                 <input type="text" name="passwd" class="f_txt"/>
               <input type="button"  onclick="javascript:checkf();"  class="f_but" value="登 录"/>
  </form>

<script language="javascript">

function checkf(){
  var form=$("#loginf");
  var url = form.attr('action');
  
  /* var params = {
   mail:encodeURI(form.attr('content').value),    //这个可能是适合中文的
   passwd:form.attr('uid').value
  };*/
   var params = {
   mail:form.attr("mail").value,
   passwd:form.attr("passwd").value
  };
  readyFn = function(data){
   alert(data);
   alert(data.message);
  };
  jQuery.post(url, params, readyFn, 'json');
 
 $(function(){alert();});
 
 

}
</script>

  • 大小: 5.9 KB
分享到：
| 数据库查询速度慢的原因
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery EasyUI与Struts2的整合—属性驱动篇

    jQuery EasyUI与Struts2 的整合—属性驱动篇 如果你是用模型驱动，或者是直接把属性写在action里面，你不会碰到我遇到的那么多问题。 但是你用模型驱动好吗，如果一个页面需要处理多个对象的时候怎么办。 如果你...

    ssh完美整合

    SSH完美整合指的是在Java Web开发中，Struts2、Spring和Hibernate这三大框架的集成应用。这三大框架分别负责表现层、控制层和持久层，它们的协同工作能构建出高效、灵活且易于维护的Web应用程序。在这个商品管理小...

    ssh框架完美整合

    SSH框架的完美整合是软件开发中的一个重要话题，它涉及到Spring、Struts2和Hibernate这三个主流的Java开源框架的集成。Spring作为一个轻量级的容器，负责管理对象的生命周期和依赖注入；Struts2是一个强大的MVC框架...

    Shiro和AJAX完美整合

    Apache Shiro 和 AJAX 的整合是现代 Web 应用程序中常见的需求，特别是在使用 Spring（SSH 框架的一部分）开发企业级应用时。Shiro 是一个强大且易用的 Java 安全框架，提供了身份验证、授权、会话管理和加密等功能...

    jQuery Fancybox 无刷新放大图片

    如果你的项目使用的是Struts2框架，Fancybox可以与之完美结合。在Struts2中，你可以通过Action返回图片的URL，然后在JSP页面上使用Fancybox来展示。例如，Action中可以返回一个ActionResult，该Result指向一个静态...

    2024图书管理系统(struts+hibernate+spring).zip

    这个项目展示了如何将这三个框架完美融合，实现一个完整的MVC（Model-View-Controller）架构，为图书管理提供全面的解决方案。 **Struts框架**： Struts是Apache组织开发的一款开源MVC框架，它主要负责处理用户请求...

    网上购物JAVA毕业论文.doc

    系统主要采用了流行的 MVC 思想，融入了 JSP、Ajax、JQuery、javascript 等典型 WEB 开发相关技术，同时采用 MySql 数据库和主流服务器 Tomcat，后使用 Spring、Hibernate、Struts2 三大框架进行整合。系统的各个...

    北风客户关系管理源码 CRM

    再加上设计轻巧的JQuery框架，一个完美的整合框架由此而生。 3.真实的案例 该案例是一个价值6万元的项目，当然在功能和工作量上有部分缩水，但是技术绝对不会缩水。 4.项目中技术点: 该项目中的技术点可谓众多，每个...

    dwz_springmvc

    【标题】"dwz_springmvc" 是一个项目，它展示了DWZ（Design What You Want）框架与Spring MVC的整合应用。DWZ是一款基于jQuery的前端UI框架，主要用于开发响应式、易用的Web应用程序。而Spring MVC是Spring框架的一...

    SSM之echarts视频

    但实际互联网企业应用中，SpringMVC可以完全替代Struts系列，注解方式，通过restful风格，再配上企业实战架构SpringMVC4 ， Spring 4， MyBatis3，JQuery，JQueryUI，Echarts3，Bootstrap3，Ajax堪称完美。

    基于JAVA的小型办公自动化系统

    【描述】中的“基于JAVA的办公自动化系统”指的是使用Java编程语言开发的软件系统，该系统旨在提高工作效率，整合办公流程，实现信息化管理。它通常包括文档管理、任务分配、日程安排、通知公告、工作流引擎等多种...

Magicbox
Global site tag (gtag.js) - Google Analytics