0

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')

編集：私は問題を解決しました。periodUpdaterプラグインは、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>

本番モードでもロードしたいので、ローカルホストなしでURLを取得したい...

4

1 に答える 1

2

私のレイアウトファイルには、次のものがあります。

<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>
于 2012-10-23T15:20:53.757 に答える