使用PrototypeJs，如何异步加载jsp页面

Question

我们在应用程序中使用Spring和PrototypeJs。 基本上，我想要一个模板页面，然后用一些值填充模板页面。 我找到了一个JQuery.load方法，但我们没有使用JQuery。

我发现的最接近的东西是原型Template对象，它只是一个字符串。 我可以使用Javascript制作如下模板：

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

然后一旦我将所有数据作为json填入空白，但这还不够。 我想显示标签等，并且要更复杂一些，理想情况下，只需加载一次此模板文件，以后再填写值即可。 如果不使用骨干.js或angularjs，这是否有可能？

我想我的问题是，如何更好地构建页面？ 当前，我正在用javascript创建我的整个页面（例如new Element（“ div”）。addClassName（“ something”）），所以我希望以jsp或其他形式创建页面“模板”，然后填写空白。

我所有的数据都以json的形式显示在页面上。

Answer 1

Template类在创建成员方面非常灵活。 为了便于阅读，我要做的是将模板编码为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>

那应该让您开始。 以这种方式工作的主要好处是，您不必保留反斜杠引号并将所有内容写在一行中，也不必将其与+号一起打击。