javascript - 动态构建服务器返回的复杂 HTML 元素的最佳方法

Question

我有一个<div>应该在鼠标单击时填充一个表单。

我通过将请求发送到服务器和服务器将表单作为简单文本返回给我，为此排列了 jQuery。但是，如果我使用innerHTML将内容添加到将可以访问说，jQuery 的验证插件来验证服务器发送并插入到<div>.

我知道手动创建每个 DOM 元素的方法，但是表单太复杂而无法手动创建！

哪种方法最适合我的情况？

Answer 1

以验证插件为例，一旦新的 html 存在，您只需在 ajax 的成功回调中调用该插件。

load()使用jQuery ajax 快捷方式的简化版

$('#contentDiv').load('formUrl.php',function(){
    /* form now exists, can add validation*/
    $('#myNewForm').validate( /* ootions object */);

})