Grails 中AJAX的使用

AJAX是一种很好的技术，Grails中的使用需要GSP、控制器两方面的配合：

首先，在GSP中设置一个区域，用于显示——关键是设置ID。比如：

<div id="systemMenuEditDiv">
</div>

然后，GSP中要设置

<g:remoteLink action="createSystemMenu"
update="[success:‘systemMenuEditDiv‘, failure:‘error‘]"
on404="alert(‘not found‘)"
class="create">新建根节点</g:remoteLink>

通过remoteLink调用控制器中的方法。

控制器中的函数，关键是返回控制。

if (request.xhr) {
　　render(template: "createMenuItem", model: model)
} else {
　　model
}

如上所示，如果是AJAX调用，采用render返回，参数就是一个模板，应该该模板，刷新GSP中指定的DIV。

或者，在GSP中，指定JS事件：

<a id="createLeafMenu" class="create" href="#" onclick="remoteCreate()">新建子节点</a>

通过JS调用AJAX

function remoteCreate() {
　　currentNode = systemMenuTree.tree(‘getSelected‘);
　　　　$.ajax({
　　　　　　type: ‘POST‘,
　　　　　　url: ‘createSystemMenu‘,
　　　　　　data: {upMenuItem: currentNode.id},
　　　　　　success: function (data, textStatus) {
　　　　　　　　$(‘#systemMenuEditDiv‘).html(data);
　　　　　　},
　　　　　　error: function (xhr, textStatus, errorThrown) {
　　　　　　　　console.log(‘出错了‘ + currentNode.id + xhr);
　　　　　　}
　　　　});
}

这种方式下，JS函数直接刷新所需要的DIV。刷新的内容由data参数控制。