Question

我是Grails中ajax的新手。我想尝试从ajax的gsp-code执行一个控制器方法。

这是我的gsp代码的一部分：

<g:select
  optionKey="id" name="region.id" id="region" from="${region}" noSelection="[null:' ']"
  onchange="categoryChanged(this.value);"
></g:select>
<div>
  <b>Sub-Category: </b>
  <span id="subContainer"></span>
</div>
                <script>
                    function categoryChanged(regionId) {
                        $.ajax({type:'POST',data:'regionId='+regionId, url:'restorator/region/categoryChanged',success:function(data,textStatus){jQuery('#subContainer').html(data);},error:function(XMLHttpRequest,textStatus,errorThrown){}});
                    }
                </script>

在$ ajax调用的url参数中：restorator是一个包，region是其中的控制器，categoryChanged是一个动作。

这是我的控制者：

class RegionController {

    def ajaxGetCities = {
        println "hello"
        def region = Region.get(params.id)
        render region?.cities as JSON
    }

    def categoryChanged(long regionId) {
        println "test"
        Region region = Region.get(regionId)
        def subCategories = []
        if ( region != null ) {
            subCategories = City.findAllByRegion(region, [order:'cityName'])
        }
        render g.select(id:'subCategory', name:'subCategory.id',
            from:subCategories, optionKey:'id', noSelection:[null:' ']
        )
    }
}

在头部我已添加<g:javascript library='jquery' /> 当我尝试更改select标签中的选项时，我看不到输出到控制台，应该从控制器内的println "test"行显示。这意味着控制器功能永远不会被实际调用，我做错了什么？如何确保实际发生此函数调用？

Answer 1

右键单击页面，检查元素并查看控制台中是否有任何错误。

此外，您应该以这种方式指定URL：

url: '${createLink(controller: 'region', action: 'categoryChanged')}',

Answer 2

如果您使用grails remoteLink函数，代码将会减少。

<g:remoteLink action="makeProduct" id="${productInstance.id}" before="showSpinner('#spinner1')" onComplete="hideSpinner('#spinner1')" update="product_status">Make Product</g:remoteLink>
<div id="product_status"></div>

此代码将异步请求操作，并使用操作中生成的HTML更新product_status div。您还可以在页面上添加微调器以向用户提供一些反馈。

通过Ajax

2 个答案: