使用PrototypeJS，如何异步加载JSP页面

Question

我们在应用程序中使用了spring和prototypej。基本上，我想拥有一个模板页面，然后用一些值填充模板页面。我找到了一个jQuery.load方法，但我们不使用jQuery。

我发现的最接近的是原型模板对象，它只是一个字符串。我可以在JavaScript中制作一个模板：

var template1 = new Template("user id: #id name is <span class name='userName'>#name</span>");

然后，一旦我将所有数据填充了空白，但这还不够。我想显示标签等，更复杂，理想情况下只需加载此模板文件一次，然后填写以后填写值。甚至不使用backbone.js或angularjs吗？

我想我的问题是，如何更好地构建页面？目前，我正在使用JavaScript创建整个页面（例如新元素（"div"）。AddClassName（" somethose"）），因此我希望以JSP或其他一些形式创建我的页面'模板'，然后填写空白。

我有所有数据要在页面上显示为JSON。

Answer 1

模板类在如何创建其成员方面非常灵活。对于可读性，我要做的是将模板代码为HTML中的实际页面元素，然后在使用它填充JSON之前将其删除。

<div id="template-1" class="#{classname}">
  <h1>#{headline}</h1>
  <p>#{description}</p>
</div>
<div id="articles"></div>
<script type="text/javascript">
var tmp = $('template-1').remove();
tmp.writeAttribute('id',false);
var template = new Template(tmp.outerHTML);
// do whatever with it
$('articles').insert(template.evaluate(myJSON));
</script>

应该让您入门。以这种方式工作的主要好处是，您不必保留掠夺的报价，并用 标志将所有内容写成一行，也不必将其写入一行。