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

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

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

    木木

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

    最近在看JQuery,又在使用Stripes,于是想把他們結(jié)合起來實現(xiàn)Ajax效果

    1. 配置web.xml,導(dǎo)入stripes類庫,在目錄中加入jquery.js
    2. 在頁面中實現(xiàn)/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 閱讀(774) 評論(0)  編輯  收藏 所屬分類: stripesJQuery

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


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 蜜芽亚洲av无码精品色午夜| 黄色大片免费网站| 夜夜嘿视频免费看| 曰批全过程免费视频免费看 | 99久久99这里只有免费的精品 | 亚洲沟沟美女亚洲沟沟| 日韩一区二区三区免费体验| 久久久久免费视频| 亚洲成av人片在线看片| 亚洲国产成人精品无码久久久久久综合| 国精产品一区一区三区免费视频| 亚洲一级大黄大色毛片| 久久久久亚洲精品无码网址| 9久9久女女免费精品视频在线观看| 色多多A级毛片免费看| 亚洲欧洲精品国产区| 久久精品国产亚洲精品| 国产免费看JIZZ视频| 青青操免费在线观看| 亚洲AV无码一区二区三区网址| 亚洲国产精品无码久久SM| 日本不卡在线观看免费v| 最近中文字幕免费完整| 一个人免费观看视频在线中文 | 亚洲?v女人的天堂在线观看| 久久国产乱子伦免费精品| 在线观看亚洲视频| 日本亚洲免费无线码| 亚洲日本一区二区三区| 亚洲国产电影av在线网址| 成年女人色毛片免费看| 97在线视频免费播放| 国产人成网在线播放VA免费| 亚洲成在人线在线播放无码| 亚洲综合激情另类小说区| 亚洲伊人久久大香线蕉综合图片 | 久久国产亚洲精品麻豆| 又黄又爽一线毛片免费观看| 最近免费中文字幕4| 亚洲免费电影网站| 久久一本岛在免费线观看2020|