使用Stripes,Javascript和Ajax

时间:2012-02-17 15:29:16

标签: javascript ajax prototypejs stripes

这是我的jsp页面(这是另一个jsp页面的模态页面),其中包含表格,表格,javascript和ajax。

<%@ include file="/WEB-INF/includes/taglibs.jsp" %>
<script type="text/javascript"
        src="${pageContext.request.contextPath}/ajax/prototype.js"></script>
<script type="text/javascript" xml:space="preserve">

function invoke(form, event, container) {        
        var params = Form.serialize(form, {submit:event});
        new Ajax.Updater(container, form.action, {method:'post', parameters:params});
    }
</script>

<display:table name="actionBean.currentAidApplicantYear.comments" id="result" class="maui">
    <display:column property="lastUpdatedBy" title="Last Updated By" sortable="true"/>
    <display:column property="lastUpdatedTimestamp" title="Last Updated Date"
                    format="{0,date,MM/dd/yyyy HH:mm}" sortable="true"/>
    <display:column property="comment" title="Memo"/>
</display:table>
<div class="actionBar" style="margin-top: 20px; text-align: center;">
    <stripes:form beanclass="${actionBean.class}" id="addMemoForm" method="POST">
                <tags:labelAndValue label="Comment" name="comment" >
                    <stripes:textarea id="commentTextArea" name="comment.comment" cols="75"/>
                </tags:labelAndValue>
        <stripes:submit name="saveCommentAjax" value="Add Memo"
                        onclick="invoke(this.form, this.name, 'result');"/>
        <stripes:hidden name="id" />        
    </stripes:form>  
</div>

这是action bean的一部分,它扩展了另一个类,后者又实现了ActionBean,ValidationErrorHandler

Public class  CommentsTab extends AbstractAidApplicantTab {
private AidApplicantYearComment comment;

    public AidApplicantYearComment getComment() {
        return comment;
    }
    public void setComment(AidApplicantYearComment comment) {
        this.comment = comment;
    }
public Resolution saveCommentAjax(){
                    String result = String.valueOf(comment.getComment());
                    comment.save();//build up the comment object 
//by this time the comment object will save the string comment, user who updates it and a //time stamp. Those are the three variables that are displayed on the jsp table.
        return new StreamingResolution("text/html",new StringReader(result));}
//here instead of returning just a string “result” I prefer to return a comment object or //the three values I wanted to display on a table. How can I do that?

当单击提交按钮时,我使用ajax调用动作bean的方法来执行某些操作,该函数返回流分辨率(StreamingResolution(“text / html”,new StringReader(result));) 即可。一旦我得到响应,我想刷新表而不刷新页面。但是,为了做到这一点,我必须从响应中获取对象(注释对象)而不是文本(或者可能是可能包含对象值的字符串数组)

任何帮助将不胜感激。谢谢

1 个答案:

答案 0 :(得分:2)

使用JavaScriptResolution或(更好的恕我直言),

  • 将您的Comment对象转换为JSON字符串(使用众多免费的Java JSON编码器之一),
  • 将JSON字符串作为StreamingResolution
  • 返回
  • 使用浏览器中的本机JSON函数(如果您定位最近的浏览器)或包含JSON解析函数的JS库将JSON字符串转换为JavaScript对象。