Javascript 使用PHP和JQuery生成HTML的最佳方法是什么

我已经设置了HTML、PHP和jQuery。我希望用户采取以下步骤：

点击按钮 模态显示时包含从按钮标记、父div等获取的动态数据。 用户提交模式&关闭 我有两个选择。致：

在用户单击按钮之前生成HTML。使用PHP&只需隐藏它，然后单击jquery就可以对其进行操作。 使用API通过Ajax请求HTML点击&再次使用jQuery操作它。 我的问题是。从这两个选项中，哪一个对性能最好

阅读并记录我的逻辑。我认为这是第一点。最好不要每次都通过API请求大量数据

有人能看出第二条有什么好处吗？除了在页面加载时不请求数据服务器端之外

---

谢谢。

我认为这里的主要问题是用于生成HTML的信息的动态性如何

如果用于生成HTML的信息在任何时候都不太可能发生更改，那么最好使用第一个选项，因为这样可以避免向服务器发出额外的请求

---

如果用于生成HTML的信息在任何时候都可能发生变化，这就是使用第二种方法的原因。

如果你有大量的情态动词，但通常只需要一小部分，但不知道是哪一部分，那么选项二可能会有优势。对于单一模式，您的选项1通常比选项2的性能要好得多，除非模式很大，而且即使是单一模式也几乎不需要。在我看来，点2是从服务器获取两个或更多数据。jQuery对数据的操作不会影响响应的效率。我把我的钱放在第一点上，就像我做的一样；如果我只有这两个选择，我会使用第一个，因为它更容易。然而，你应该考虑使用盎格鲁.js或ReaT.js之类的东西，这样你最终就不会有那么多乱七八糟的东西了。因为我有很多模态，它们有不同的要求，一些是动态的，一些是静态的，一些是有大量数据的，等等。所以每当我选择第1点或第2点时，我都会感到困惑：谢谢你的回答@你好！是的，前几周我做了我的第一个教程。这太棒了，但我现在真的不需要那种js运行！不过，我可以肯定地看到使用它的优势！谢谢你的评论！所以我基本上是为提要中的项目创建一个股票期权。类似于facebook的分享帖子。所以模态保持不变，但是要共享的帖子是模态的动态部分。所以在这种情况下，我想我将使用选项1。在页面加载时生成模式。然后点击获取帖子数据，交换数据：嗯，如果是这样的话，我建议如下：1。在post元素上使用jqueryclone方法将HTML克隆到modal中的容器中。2.该模态可能已经部分创建并隐藏，如选项1中所示，以便有一个表单来保存发布所需的任何表单元素，如textarea等。