我还没有开始编码，所以我没有任何东西可以展示。我仍在努力弄清楚如何开始。我将有一个页面，上面有各种表单，具体取决于访问者想要执行的操作。我可以将它们全部放在隐藏的 div 中，然后根据需要取消隐藏它们，并使用 ajax 更新某些字段/值，但这对我来说似乎不是最好的主意。
相反，我的想法是向我的服务器发送 ajax 请求并返回表单的 HTML，但如果我没记错的话，该表单实际上不会通过将其写入文档而添加到 DOM 中.
所以，我的问题是“如何将 HTML 表单及其所有输入添加到 DOM 中，覆盖任何冲突的元素？”或“我应该如何在页面上动态添加/替换表单。”
我愿意为此使用纯 JS 或 JQuery。我使用 PHP 作为服务器端代码。
最佳答案
如果你想通过 AJAX 加载 HTML 并将内容放入 DOM 中，最简单的方法是使用 jQuery 的 load方法。
这是一个例子:
$( "#form-container" ).load( "forms/login-form.html" );
这将插入位于 http://yourserver/forms/login-form.html 的 HTML，并将其放入 ID 为 form-container 的元素中。
如果您需要在将 HTML 添加到 DOM 之前对其进行一些处理，我建议使用 jQuery 的 .get 方法。 bejonbee's answer 中有一个很好的例子。 .
关于javascript - 使用 ajax 请求将表单添加到现有页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22017590/