使用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>

那應該讓您開始。 以這種方式工作的主要好處是，您不必保留反斜杠引號並將所有內容寫在一行中，也不必將其與+號一起打擊。