我有一个模板,它呈现域对象的所有 hasMany 属性(我们将它们称为 foos,即使我很同情 foo)以及域中未包含的那些 foos 的剩余数量。从模板中,您可以通过 ajax 调用使用加号和减号按钮从关系中添加或删除 foos。但是......我得到了一些非常奇怪的行为。

第一次单击加号或减号按钮时,ajax 调用工作正常,模型按应有的方式更新……但在那之后,一切都中断了。模板再次按原样呈现,但域似乎在操作中丢失(连同它的 foos)并且按钮不再起作用。 foos 确实从域中添加/删除并正确保存,但它没有反射(reflect)在新呈现的模板中。

在调试时,我决定简单地在模板中显示域对象 toString() 并发现在第一次 ajax 调用之后它实际上从类型域更改为类型 org.apache.catalina.core.ApplicationContextFacade。奇怪的。

同样在尝试再次单击加号或减号按钮后,javascript 控制台中出现一个神秘的语法错误:'Uncaught SyntaxError: Unexpected token ,' (index):1。真正奇怪的部分是它所在的位置....文档的第一行,在 DOCTYPE 声明中..我检查了它,那里没有 ',' 就像 SyntaxError 所说的那样,但元素仍然有可怕的它下面的红色波浪线。

任何人都可以帮我指出正确的方向吗?我一直在试图解决这个问题两天!

编辑 :值得注意的是,我的应用程序的另一部分与此完全相同,但具有不同的域类,并且它工作得很好..过去两天我几乎花了很多时间确保它们正是除了正在使用的域之外,其他方面都相同......这只会增加这个不起作用的神秘感。

域.groovy

class Domain {
    static hasMany = [foos: Foo]
}

Foo.groovy
class Foo {
    static hasMany = [domains: Domain]
    static belongsTo = [Domain]
}

域 Controller .groovy
def show(String id) {
    Domain domain = domain.get(id)

    if (!domain) {
        response.sendError(404)
        return
    }
    [domain: domain, foos: Foo.list() - domain.foos]
}

def fooToggle(String domainId, String fooId, String fooAction) {
    Domain domain = Domain.get(domainId)
    Foo foo = Foo.get(fooId)

     if (!domain || !foo) {
        response.sendError(404)
        return
     }
     else {
        if (fooAction == "add") {
            domain.addToFoos(foo)
        }
        else if (fooAction == "remove") {
            domain.removeFromFoos(foo)
        }
        domain.save()
     }

    render template: "foos", model: [domain: domain, foos: Foo.list() - domain.foos]
}

显示.gsp
<html>
<head></head>
<body>
    <div id="foos">
        <g:render template="foos" model="${[domain: domain, foos: foos]}" />
    </div>
</body>
</html>

_foos.gsp
<!-- this is where the type of Domain changes to org.apache.catalina.core.ApplicationContextFacade -->
<g:if test="${domain}">${domain}</g:if>

<g:if test="${domain.foos}">
    <small>Click the minus button to remove a foo from this domain</small>
    <g:each var="foo" in="${domain.foos}">
    <div id="foo${foo.id}" class="fooItem">
        <span>${foo.bar}</span>
        <img onclick="fooToggle(${domain.id}, ${foo.id}, 'remove')" class="fooButton" src="${fam.icon(name: 'delete')}"/>
    </div>
    </g:each>
</g:if>
<g:else>
    <p><small><em>This domain does not have any foos</em></small></p>
</g:else>

<g:if test="${foos}">
    <hr>
    <small>Click the plus button to add a foo to this domain</small>
    <g:each var="foo" in="${foos}">
    <div id="foo${foo.id}" class="fooItem">
        <span>${foo.bar}</span>
        <img onclick="fooToggle(${domain.id}, ${foo.id}, 'add')" class="fooButton" src='${fam.icon(name: 'add')}'/>
    </div>
    </g:each>
</g:if>

<script>
function fooToggle(domainId, fooId, fooAction) {
    $.ajax({
        url: '${g.createLink(controller: 'domain', action: 'fooToggle')}',
        data: {
            'domainId': domainId,
            'fooId': fooId,
            'fooAction': fooAction
        },
        success: function(resp) {
            $("#foo" + fooId).fadeOut("fast", function() {
                $("#foos").html(resp);
            });
        }
    });
}
</script>

最佳答案

所以结果证明 application 是一个 JSP 隐式对象。我的例子中的 Domain.groovy 实际上名为 Application.groovy ,而 _foos.gsp 中的相关变量确实名为 application 。将变量名称更改为 app(或任何非保留变量名称)是解决方案。

List of JSP Implicit Objects

关于ajax - ajax 调用后的奇怪结果。传递给 gsp 和奇怪的 js 语法错误时域类型更改。 chalice 2.3.7,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31079627/

10-10 15:51