精通Grails: 用JSON和Ajax实现异步Grails - 编程入门网
p;v=2&key=YourKeyHere"
type="text/javascript"></script> <script
type="text/javascript"> var map var usCenterPoint = new GLatLng
(39.833333, -98.583333) var usZoom = 4 function load() { if
(GBrowserIsCompatible()) { map = new GMap2(document.getElementById
("map")) map.setCenter(usCenterPoint, usZoom)
map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl
()); } } </script> </head> <body
onload="load()" onunload="GUnload()"> <div
class="body"> <div id="search" style="width:25%;
float:left"> <h1>Where to?</h1> </div>
<div id="map" style="width:75%; height:100%;
float:right"></div> </div>
</body></html>
精通Grails: 用JSON和Ajax实现异步Grails(6)时间:2011-08-02 IBM Scott Davis如果一切正常，在浏览器中访问 http://localhost:9090/trip/trip/plan 将看到如图 3 所示的界面 ： 图 3. 一个普通的 Google Map
有了基本的地图之后，现在应该添加两个字段，分别用于出发地机场和目的地机场。 添加表单字段 在 “使用 Ajax 实现多对多关系” 中，您使用了 Prototype 的 Ajax.Request 对象。在本文的后面 ，当从一个远程源获取 JSON 时，您将再次使用它。同时，您将使用 <g:formRemote> 标记。将清 单 10 中的 HTML 添加到 grails-app/views/trip/plan.gsp 中： 清单 10. 使用 <g:formRemote>
在浏览器中单击 Refresh 按钮，看看新的变化，如图 4 所示： 图 4. 添加表单字段
精通Grails: 用JSON和Ajax实现异步Grails(7)时间:2011-08-02 IBM Scott Davis如果使用常规的 <g:form>，那么，当用户提交表单时，将刷新整个页面。如果选择 <g:formRemote>，则由一个 Ajax.Request 在幕后异步地执行表单提交。输入文本字段被命名为 id，确保在控制器中填充 params.id。<g:formRemote> 上的 url 属性清楚地表明，当用户单击提 交按钮时，将调用 AirportMappingController.iata()。 这里不能使 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
