Question

我尝试将javascript添加到我的力度模板中。

<html>

<head>
<title>:: $currency.CurrencyName Detail Info ::</title>
</head>

<body>
<table>
 <tr>
  <td>Name</td>
  <td>$currency.CurrencyName</td>
 </tr>
 <tr>
  <td>Jual</td>
  <td><div id="$currency.CurrencyName_buy">$currency.Buy</div></td>
 </tr>
 <tr>
  <td>Beli</td>
  <td><div id="$currency.CurrencyName_sell">$currency.Sell</div></td>
 </tr>
</table>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $(document).ready(function() {
        setInterval(function() {
            $.get('updateCurrency.htm', function(data) {
                $('#time').text(data);         
            });
        }, 5 * 60 * 1000); // 1000 milliseconds = 1 second.
    });
</script>

<p>Current date/time is: <span id="time"></span>
</body>

</html>

但我收到以下错误：

org.apache.velocity.exception.ParseErrorException: Encountered "," at line 28, column 29 of currencyDetail.html
Was expecting one of:
    <EOF> 
    "(" ...
    <RPAREN> ...
    <ESCAPE_DIRECTIVE> ...
    <SET_DIRECTIVE> ...
    "##" ...
    "\\\\" ...
    "\\" ...
    <TEXT> ...
    "*#" ...
    "*#" ...
    <STRING_LITERAL> ...
    <IF_DIRECTIVE> ...
    <STOP_DIRECTIVE> ...
    <INTEGER_LITERAL> ...
    <FLOATING_POINT_LITERAL> ...
    <WORD> ...
    <BRACKETED_WORD> ...
    <IDENTIFIER> ...
    <DOT> ...
    "{" ...
    "}" ...

 at org.apache.velocity.Template.process(Template.java:137)
 at org.apache.velocity.runtime.resource.ResourceManagerImpl.loadResource(ResourceManagerImpl.java:415)
 at org.apache.velocity.runtime.resource.ResourceManagerImpl.getResource(ResourceManagerImpl.java:335)
 at org.apache.velocity.runtime.RuntimeInstance.getTemplate(RuntimeInstance.java:1102)
 at org.apache.velocity.runtime.RuntimeInstance.getTemplate(RuntimeInstance.java:1077)
 at org.apache.velocity.app.VelocityEngine.getTemplate(VelocityEngine.java:528)
 at org.springframework.web.servlet.view.velocity.VelocityView.getTemplate(VelocityView.java:535)
 at org.springframework.web.servlet.view.velocity.VelocityView.getTemplate(VelocityView.java:520)
 at org.springframework.web.servlet.view.velocity.VelocityView.checkTemplate(VelocityView.java:293)
 at org.springframework.web.servlet.view.velocity.VelocityView.initApplicationContext(VelocityView.java:258)
 at org.springframework.context.support.ApplicationObjectSupport.setApplicationContext(ApplicationObjectSupport.java:73)
 at org.springframework.context.support.ApplicationContextAwareProcessor.postProcessBeforeInitialization(ApplicationContextAwareProcessor.java:70)
 at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.applyBeanPostProcessorsBeforeInitialization(AbstractAutowireCapableBeanFactory.java:323)
 at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1355)
 at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:314)
 at org.springframework.web.servlet.view.UrlBasedViewResolver.loadView(UrlBasedViewResolver.java:413)
 at org.springframework.web.servlet.view.AbstractCachingViewResolver.createView(AbstractCachingViewResolver.java:159)
 at org.springframework.web.servlet.view.UrlBasedViewResolver.createView(UrlBasedViewResolver.java:378)
 at org.springframework.web.servlet.view.AbstractCachingViewResolver.resolveViewName(AbstractCachingViewResolver.java:78)
 at org.springframework.web.servlet.DispatcherServlet.resolveViewName(DispatcherServlet.java:1190)
 at org.springframework.web.servlet.DispatcherServlet.render(DispatcherServlet.java:1139)
 at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:900)
 at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:808)
 at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:476)
 at org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:431)
 at javax.servlet.http.HttpServlet.service(HttpServlet.java:617)
 at javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
 at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:290)
 at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
 at com.opensymphony.module.sitemesh.filter.PageFilter.parsePage(PageFilter.java:119)
 at com.opensymphony.module.sitemesh.filter.PageFilter.doFilter(PageFilter.java:55)
 at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:235)
 at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
 at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)
 at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)
 at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)
 at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)
 at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)
 at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:298)
 at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:857)
 at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:588)
 at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:489)
 at java.lang.Thread.run(Unknown Source)

如果我删除了javascript脚本，则会成功加载网页。谁能解释为什么？我认为如果使用速度模板，javascript不起作用。

Answer 1

在Velocity 1.7b1中引入了新语法#[[this is included in output but not parsed]]#：

#[[
    $(document).ready(function() {
        ...
    });
]]#

Answer 2

当我混合jquery和Velocity时，我发现最简单的方法是使用“jQuery”而不是$，例如。

jQuery("#divid")

这避免了任何困难 - 逃避速度是棘手且不直观的。

Answer 3

另一种方法是将javscript添加到自己的文件中，并使用#include vtl脚本指令。

E.g：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
     #include( "currencyDetail.js")
</script>

currencyDetail.js的内容（位于与.vm文件相同的dir / classpath包中）：

$(document).ready(function() {
    setInterval(function() {
        $.get('updateCurrency.htm', function(data) {
            $('#time').text(data);         
        });
    }, 5 * 60 * 1000); // 1000 milliseconds = 1 second.
});

对我来说这是最简单的。

Answer 4

如果您没有Velocity 1.7+或需要使用Velocity代码作为javascript或jquery的一部分，您可以识别导致问题的javascript / jquery中的关键字并将它们放在变量中。然后Velocity将正确渲染输出。

首先设置变量：

#set ( $replaceme = "each" )

然后在代码中使用它：

function reverseCommentOrder(){
  $comments = AJS.$('#page-comments');
  $comments.children().$replaceme(function(i,li){$comments.prepend(li)});
}

这会导致javascript在页面上运行。

Answer 5

目前我正在使用Apache Velocity模板。如何在Velocity模板中包含JavaScript。我已经尝试过堆栈溢出论坛提供的所有建议。我没有得到解决方案。请尽快给出建议

速度模板和JavaScript

5 个答案: