加载HTML对象客户端(表单)

我必须编写一个单一的页面应用程序,将在整个应用程序使用相同的3种forms,只是每个人的行动将改变。 标签/input将是相同的,等等…

我想让我的应用程序快速响应,因此,我想知道,如果每次需要加载时通过Javascriptforms地生成FORM,而不是从服务器上以HTML格式下载,这是一个好主意。

那么,有没有什么好的做法,通过Javascript生成DOM objets? 第一次加载应用程序时,有没有办法下载每个FORM的HTML代码? 或者我必须每次通过与DOM的DOM对象构build它们?

这里有什么好的做法? 我使用node.js,knockout.js,jquery。

谢谢 !

你正在使用淘汰赛,所以只要有一个淘汰赛模板的forms:

<script type="text/html" id="MyForm"> <!-- labels and inputs and other form elements here --> </script> 

那么你可以稍后在你的页面中使用它

 <form class="foo" data-bind="attr: { action: myAction }, template: 'MyForm'></form> 

myAction将是您传递给ko.applyBindings的模型的可观察属性或普通属性

 ko.applyBindings({ action: '/submit/stuff' }, $('form.foo')[0]); 

淘汰赛有很好的教程和伟大的文档,所以检查出来。