木木

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

21 隨筆 :: 4 文章 :: 5 評論 :: 0 Trackbacks

Stripes使用Ajax

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

配置web.xml，導入stripes類庫,在目錄中加入jquery.js
在頁面中實現/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>
寫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 閱讀(778) 評論(0) 編輯收藏所屬分類: stripes 、JQuery

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Stripes使用Ajax 在Stripes中下載excel表格 Stripes學習一: 一個小實例

木木

常用鏈接

留言簿

隨筆分類(14)

隨筆檔案(19)

技術

搜索

最新隨筆

最新評論

閱讀排行榜

評論排行榜