Javascript 使用JQuery将ejs模板注入html

可以通过JQuery注入来自ejs模板的HTML吗

我有一个

索引

文件，它有一个导航栏和一个内容区域，还有一个示例

TestButton

模板，我正试图呈现它

Index.ejs

<ul>
    .
    .
    <li id="listItem"><a href="#test_page">Nav Bar Item</a></li>
</ul>

<div id="display">
</div>

<script>
    $('#listItem').click( function(){
         // Note - testButtonTemplate is being properly passed in from my routes
         $('#display').html( <%- render( testButtonTemplate, {} ) %> );
    });
</script>

---

否则，当我尝试用上面的示例代码加载页面时，我得到的错误是：

---

“未捕获的SyntaxError:意外标记尝试按如下方式加载模板：

<script>
var template = new EJS({url: '/TestButton.ejs'});
$('#listItem').click( function(){
     $('#display').html(template.render());
});
</script>

var template=newejs（{url:'/TestButton.EJS'}）；
$（'#listItem'）。单击（函数（）{
$（'#display'）.html（template.render（））；
});

尝试如下方式加载模板：

<script>
var template = new EJS({url: '/TestButton.ejs'});
$('#listItem').click( function(){
     $('#display').html(template.render());
});
</script>

var template=newejs（{url:'/TestButton.EJS'}）；
$（'#listItem'）。单击（函数（）{
$（'#display'）.html（template.render（））；
});

.
.
<script>
$('#listItem').click( function(){
    $('#my-test').html( <a href="#" class="btn btn-primary" id="test-button">
        Click Me!
    </a>
    );
});
</script>

<script>
var template = new EJS({url: '/TestButton.ejs'});
$('#listItem').click( function(){
     $('#display').html(template.render());
});
</script>