Jquery 使用json的一个ajax调用，还是使用html的两个ajax调用？

我有一个包含许多消息的元素。
每个消息都是一个HTML元素

<div class="items">
    <other-non-related-elements ...>
    <div class="item">
      <h4>title</h4>
      <p>content</p>
    </div>
    <div class="item" ...
</div>

现在我需要在

元素中添加一个（而不是

项

）元素。
应该是这样的

<div class="items">
    <new element>content</new element>
    <other-non-related-elements ...>
    <div class="item">
      <h4>title</h4>
      <p>content</p>
    </div>
    <div class="item" ...
</div>

内容
标题
内容

如果没有必要，不要担心客户端性能。

进行一次AJAX调用，并使用客户端JS解决问题。

请记住，您的服务器必须处理大量请求，但web浏览器只能处理几个请求。

因此，如果您始终可以将作业放在客户端，他/她不会注意到，但如果您的服务器不断收到大量传入请求，他们肯定会注意到。

抓取JSON并让JS来做这项工作。
如果没有必要，不要担心客户端性能。

进行一次AJAX调用，并使用客户端JS解决问题。

请记住，您的服务器必须处理大量请求，但web浏览器只能处理几个请求。

因此，如果您始终可以将作业放在客户端，他/她不会注意到，但如果您的服务器不断收到大量传入请求，他们肯定会注意到。

抓取JSON并让JS来完成这项工作。
我会保留一个Ajax调用。正如您所提到的，Json可能是最好的。或者，根据您的结构，PHP可以返回纯HTML，然后JavaScript/jQuery可以使用innerHTML方法将其放置到位。
我会保留一个Ajax调用。正如您所提到的，Json可能是最好的。或者，根据您的结构，PHP可以返回纯HTML，然后JavaScript/jQuery可以使用innerHTML方法将其放置到位

<div class="items">
    <new element>content</new element>
    <other-non-related-elements ...>
    <div class="item">
      <h4>title</h4>
      <p>content</p>
    </div>
    <div class="item" ...
</div>