Groovy轻松入门——Grails实战之Ajax篇

Ajax虽是“旧酒装新瓶”，但其威力着实不小。近两年来可谓红透半边天，它之所以能为大众接受，其中一个很大的原因就是提高了用户浏览体验，能更逼真的模拟出GUI界面。好了，Ajax的益处就说到这里，下面让我们看下Grails是如何帮助我们方便地应用Ajax的:

如果您对下面说设计的内容有点不解，那么您可以先看一下 Groovy轻松入门——Grails实战基础篇，然后开始我们的Ajax之旅。

1,在命令行中输入：“grails create-app AjaxDemo”（注意：不带引号“”）创建一个Grails project，我将它命名为AjaxDemo：

3，“grails generate-all User”，生成scaffolding code（如：list.gsp等）：

4，修改AjaxDemo/grails-app/controllers/UserController.groovy的内容为：

添加sayHello闭包的目的很明显，因为客户端需要调用。那为什么还要添加ajax这个闭包呢？其实添加 ajax 这个闭包的目的是使http://localhost:8080/AjaxDemo/user/ ajax 这个请求合法化，否则会发生404错误，找不到页面：

HTTP ERROR: 404

Not Found

RequestURI=/AjaxDemo/user/ajax

Powered by Jetty://

所以被客户端请求的 每个 gsp页面，都需要在相应的Controller中添加以gsp文件名为变量名的Closure，如上面的ajax.gsp和ajax = {}所示，其中Closure中可以添加相关代码，我们这里仅仅是做Ajax的演示，所以就不需要代码



5，在AjaxDemo/grails-app/views/user目录下，新建ajax.gsp，用来演示remoteLink的用法，内容为：

params表示要传递的参数，而update表示返回结果显示的地方，注意update="hello"中的hello对应于div的id，表示结果将显示于div所在处。

点击链接后的界面：

Say Hello

6，修改AjaxDemo/grails-app/views/user/ ajax.gsp，演示formRemote的用法，内容为：

Say Hello

7，修改AjaxDemo/grails-app/views/user/ ajax.gsp和AjaxDemo/grails-app/controllers/UserController.groovy，演示remoteField的用法：
ajax.gsp: