0

我的 GSP 文件（在 Grails 3.1.10 中）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <asset:javascript src="jquery-2.2.0.min.js"/>
    <asset:javascript src="myfile.js"/>
</head>
<body>
    <span id="greeting"></span>

</body>
</html>

我的文件.js：

greeting = "${resp}"; // resp is passed from controller
$(document).ready(function(){
    $('#greeting').val(greeting);
});

好吧，我相信每个 grails 开发人员都知道，如果我将 myfile.js 移动到我的 GSP 文件中，它就会起作用。

但是，我希望知道如何让独立的 js 文件能够正确处理 GString 的内联变量。

谢谢。

4

2 回答 2

2

以下是我遇到与您类似的问题时所采用的方法。

通过以下方式将您的 GString 变量传递给外部 JS。

在您的外部 JS 中添加以下函数

function view_handler_function(greetingValue){

    //assign the value to your element
    $('#greeting').val(greetingValue);

    .....
    //Your other handling code
}

从您的视图中调用您的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <asset:javascript src="jquery-2.2.0.min.js"/>
    <asset:javascript src="myfile.js"/>
</head>
<body>
    <span id="greeting"></span>

    <script>
        var greeting = "${resp}"; // resp is passed from controller
        $(document).ready(function(){

            //call to your external function 
            view_handler_function(greeting);
        });
    </script>
</body>
</html>

注意：这可能是也可能不是您正在寻找的确切答案，但这只是我遵循的一种方法。

于 2016-09-10T06:42:09.967 回答
1

这是开箱即用的，根本不可能，也不是一个好主意（当然，您可以将控制器操作用作 javascript src，并在该操作中读取 js 文件并通过例如 simpleTemplateEngine 运行其内容）

将 js 文件解释为 gstrings/其他模板意味着必须禁用任何缓存（通过资产管道、cdn 分发和浏览器缓存捆绑文件）。

但是，您可以简单地静态提供 js 文件，例如，将动态输入作为内联 javascript 中的全局变量提供（例如，来自您的布局）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <span id="greeting"></span>
    <g:javascript>
      var greeting = "${resp}";
    </g:javascript>
    <asset:javascript src="jquery-2.2.0.min.js"/>
    <asset:javascript src="myfile.js"/>
</body>
</html>
于 2016-09-10T06:42:32.013 回答