Grails remoteLink:响应中加载整个页面

时间:2012-02-23 10:23:55

标签: ajax grails gsp grails-controller

首先,抱歉我的英语不好,我是法国人。

问题在于:

我有一个看起来像这样的模板:

<p>
<strong>Whas this answer usefull ?</strong>
<g:remoteLink action="niceAnswer"
              class="btn rate-reply"
              update="comment-${ comment.id }"
              params="${ [commentId: comment.id, nice: true, productId: productId] }">
              Yes
</g:remoteLink>
<g:remoteLink action="niceAnswer"
              class="btn rate-reply"
              update="comment-${ comment.id }"
              params="${ [commentId: comment.id, productId: productId] }">
              No
</g:remoteLink>

这里是用于重新加载片段页面的GSP:

<div class="rating" id="comment-${ comment.id }">
    <g:render template="affRating" model="${ [comment: comment, productId: product.id] }" />
</div>

这里生成的javascript(参见firebug):

<a class="btn rate-reply" action="niceAnswer" onclick="jQuery.ajax({type:'POST',data:{'commentId': '723','nice': 'true','productId': '872'}, url:'/macsf-fronts/action/commentaire/reponse-utile',success:function(data,textStatus){jQuery('#comment-723').html(data);},error:function(XMLHttpRequest,textStatus,errorThrown){}});return false;" href="/macsf-fronts/action/commentaire/reponse-utile?commentId=723&nice=true&productId=872"> Yes </a>

这里是执行此操作的控制器代码:

def niceAnswer() {
    def comment = DocCommentaireSite.get(params.commentId)
    if (comment && session["comment_${comment.id}"] == null) {
        if (params.nice) {
            comment.nbYesReponseUtile++
        }
        comment.nbReponseUtileVote++
        session["comment_${comment.id}"] = comment.id
        comment.save()
    }

    def product = DocProduitSite.get params.productId
    if (request.xhr) {
        log.debug "niceAnswer : All is good"
        render template: 'affRating', 
               model: [comment: comment, productId: params.productId]
    } else {
        log.debug "niceAnswer : bad behaviour"
        def slugMap = referenceService.getSlugAndParentSlug(product)
        log.info "slugMap : ${slugMap}"
        redirect controller: 'frontRequest', action: 'index', params: [slug: slugMap.slug, parentSlug: slugMap.parentSlug]
    }
        log.debug "niceAnswer : wtf ?!"
}

日志“All is good”是唯一呈现的内容。 但每次,整个页面都在响应中重新加载,我真的不明白为什么。

提前致谢,

施奈特

4 个答案:

答案 0 :(得分:1)

每当我发生这种情况时,都是因为我的GSP上没有这个:

<g:javascript library="jquery" />

答案 1 :(得分:1)

这种情况正在发生,因为您没有将任何JavaScript库作为资源附加到您的页面。因此浏览器无法调用指定的函数,只是跟随链接。 要纠正这种情况,请添加到标题中:

<g:javascript library="jquery"/>
<r:layoutResources/>

答案 2 :(得分:0)

<g:javascript library="prototype" />

答案 3 :(得分:0)

我终于找到了答案。

这是因为执行js:

jQuery('.rating').find('.btn').click(function(e){ 
  e.preventDefault(); 
 jQuery(this).closest('div').load('?zajax=reponse'); 
}); 

此代码由设计人员使用,用于演示,并重新加载页面。 注释此代码修复了问题。

不容易找到!

很抱歉今天才回答,谢谢你们!