<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    木木

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      21 隨筆 :: 4 文章 :: 5 評論 :: 0 Trackbacks

    最近在看JQuery,又在使用Stripes,于是想把他們結合起來實現Ajax效果

    1. 配置web.xml,導入stripes類庫,在目錄中加入jquery.js
    2. 在頁面中實現/ajax/test1.jsp
       1<%@ page language="java" contentType="text/html; charset=UTF-8"
       2    pageEncoding="UTF-8"
      %>
       3<%@ taglib prefix="stripes" uri="http://stripes.sourceforge.net/stripes.tld" %>
       4<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
       5<html>
       6<head>
       7<meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
       8<title></title>
       9<script type="text/javascript" src="../skin/js/jquery.js"></script>
      10<script type="text/javascript">
      11   $(document).ready(function(){
      12        alert("f");        
      13        $("#subAjax").click(function(){
      14        name=$("#name").val();
      15        des=$("#des").val();
      16          $.ajax({
      17           type:"post",
      18           url:"${pageContext.request.contextPath}/AjaxTest.action",
      19           data:"name="+name+"&describ="+des,
      20           success:function(result){                
      21                $('<p></p>')
      22               .html(result)
      23                .css('background', '#F0F0F0')
      24                .appendTo("body");                
      25           }

      26          }
      )
      27        return true;
      28        }
      )
      29       
      30   }
      );
      31
      </script>
      32</head>
      33<body>
      34  <p>我要測試ajax</p>
      35  <stripes:form action="${pageContext.request.contextPath}/AjaxTest.action">
      36  <table>
      37   <tr>
      38   <td>用戶名:</td><td> <stripes:text name="name" id="name"></stripes:text></td>
      39   </tr>
      40   <tr>
      41   <td>說明:</td><td><stripes:text name="describ" id="des"/></td>
      42   </tr>
      43  </table> 
      44  <stripes:button name="subAjax" id="subAjax" value="提交"></stripes:button>  
      45  </stripes:form>
      46</body>
      47</html>
    3. 寫ActionBean類 AjaxTestActionBean
       1package com.test.action;
       2
       3import java.io.StringReader;
       4
       5import net.sourceforge.stripes.action.ActionBean;
       6import net.sourceforge.stripes.action.ActionBeanContext;
       7import net.sourceforge.stripes.action.DefaultHandler;
       8import net.sourceforge.stripes.action.RedirectResolution;
       9import net.sourceforge.stripes.action.Resolution;
      10import net.sourceforge.stripes.action.StreamingResolution;
      11
      12public class AjaxTestActionBean implements ActionBean {
      13    private String name;
      14    private String describ; 
      15    private String result;
      16    private ActionBeanContext context;
      17    @DefaultHandler
      18    public Resolution subAjax(){
      19        result="Name is:"+name;
      20        result=result+"<br/>";
      21        result=result+"Description:"+describ;
      22        return new StreamingResolution("text",new StringReader(result));
      23        }

      24    
      25    public String getResult(){
      26        return result;
      27    }
          
      28    public void setName(String name) {
      29        this.name = name;
      30    }
          
      31    public void setDescrib(String describ) {
      32        this.describ = describ;
      33    }

      34    public ActionBeanContext getContext() {        
      35        return context;
      36    }

      37    public void setContext(ActionBeanContext arg0) {
      38        this.context=arg0;        
      39    }

      40    
      41}

      42


      訪問頁面http://localhost:8080/mytest/ajax/test1.jsp
    posted on 2008-03-28 14:51 KTOO 閱讀(779) 評論(0)  編輯  收藏 所屬分類: stripesJQuery

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 免费精品视频在线| 永久免费AV无码网站国产| 亚洲a∨国产av综合av下载| 午夜在线免费视频| 最近2018中文字幕免费视频| 国产美女无遮挡免费网站| 亚洲AV无码第一区二区三区| 亚洲av片在线观看| 国产美女精品久久久久久久免费| 亚洲av综合日韩| 最近免费视频中文字幕大全| 亚洲综合色丁香麻豆| 在线播放国产不卡免费视频| 亚洲日本中文字幕天堂网| 亚洲国产成人精品激情| 国产麻豆一精品一AV一免费| 国产在线观看免费视频播放器| 看亚洲a级一级毛片| 亚洲成a人在线看天堂无码| 亚洲中文字幕无码mv| 久久久精品午夜免费不卡| 亚洲国产精品久久久久| 成年免费a级毛片免费看无码| 在线看片无码永久免费aⅴ| 精品亚洲国产成人| 99久在线国内在线播放免费观看| 亚洲日韩av无码| 一个人免费观看www视频| 国产不卡免费视频| 亚洲avav天堂av在线网毛片| 亚洲精品视频免费| 无码人妻一区二区三区免费视频| 亚洲精品国产品国语在线| 国产一级婬片A视频免费观看| 久久精品国产亚洲AV电影| 日本免费一区二区三区四区五六区 | 亚洲人和日本人jizz| 日韩免费高清大片在线| 亚洲色大情网站www| 亚洲精品无码专区久久久 | 精品韩国亚洲av无码不卡区|