在 Grails 2.0 中使用 AJAX 提交表单的问题

Question

在我的 GSP 页面中，我有这个表格：

<g:form action="ajaxAdd">
  <g:textArea id='postContent' name="content" rows="3" cols="50"/><br/>
  <g:submitToRemote value="Post"
      url="[controller: 'post', action: 'addPostAjax']"
      update="allPosts"
  />            
</g:form>

在同一个页面中，我有这个 div：

<div class="allPosts">
    <g:each in="${user.posts}" var="post">
        <div class="postEntry">
            <div class="postText">
                ${post.content}
            </div>
            <div class="classDate">
                ${post.dateCreated}
            </div>
        </div>
    </g:each>
</div>

当我点击按钮时，应用程序确实会在我的控制器中触发操作addPostAjax，但问题是我无法找到如何发回user.posts 集合以填充我的allPosts分区。

请问有人有什么想法吗？ 谢谢。

Answer 1

要在submitToRemote 标签上使用update 属性，您需要发回呈现的帖子。

首先，将呈现用户帖子的 div 制作成模板，例如_userPosts.gsp。将页面中的 div 替换为 render 标签即可使用模板：

<g:render template="userPosts" />

然后在您的控制器中，addPostAjax 应该如下所示：

def addPostAjax() {
    def user = ....

    render template: 'userPosts', model: [user: user], contentType: "text/plain"
}

另一种选择是 render user as JSON 并编写一些 javascript 来更新您的页面。