jquery - Grails JQuery PeriodicUpdater

Question

我想在jQuery中使用定期更新程序来定期更新聊天div。因此，我在布局文件中包括了jQuery库:

<g:javascript library="jquery" plugin="jquery"/>

我从 http://www.360innovate.co.uk/blog/2009/03/periodicalupdater-for-jquery/页面下载了jquery的periodicalupdater插件，并将其链接到我的gsp页面:

<g:javascript src="jquery.periodicalupdater.js"/>

在我的页面上，我使用以下脚本启动PeriodicalUpdater:

<script type="text/javascript">
    $(document).ready(function() {
        $.PeriodicalUpdater({
            url : 'URL'
        }, function(data) {
            var myHtml = 'The data returned from the server was: ' + data + '';
        });
    });
</script>

问题是，URL甚至没有被调用。查看浏览器控制台时出现以下错误:

'undefined' is not a function (evaluating '$.PeriodicalUpdater')

编辑:我解决了问题。 PeriodicalUpdater插件刚在jQuery之前加载。但是现在我有另一个问题。我在代码中写了以下几行:

<g:javascript library="jquery" /><script type="text/javascript">
    $(document).ready(function() {
        $.PeriodicalUpdater({url : 'http://localhost:8080/PROJECT/comment/ajax_list/1'},
        function(data){$('#comment').empty().append(data);});
    });
</script>

我想使用不带localhost的URL，因为我也想在生产模式下加载它...

Answer 1

在我的布局文件中，我具有以下内容:

<script>
    contextPath = "${request.contextPath}";
</script>

然后更新您的代码:

<script type="text/javascript">
    $(document).ready(function() {
        $.PeriodicalUpdater({url : contextPath + '/comment/ajax_list/1'},
        function(data){$('#comment').empty().append(data);});
    });
</script>