如何将PHP echo的输出内容追加到HTML中已有的id为messages的div内？

能不能只用echo实现，完全取决于你PHP代码的执行时机： #

页面渲染阶段执行PHP（服务端直出场景） #

完全不需要jQuery，只需要把echo语句放在#messages容器的内部对应位置即可，示例代码：

<!-- 你的HTML页面代码 -->
<div id="messages">
  <?php
  // 执行你的PHP函数
  echo '<li>Welcome back.</li>';
  ?>
</div>

这种场景下页面从服务端返回给浏览器时，输出的内容已经嵌入到目标容器内，不需要任何前端脚本参与。 #

页面加载完成后才执行PHP（异步交互场景） #

仅靠echo无法实现需求，必须借助前端JavaScript操作DOM，jQuery只是可选的实现工具，不用jQuery用原生JS也可以完成。
这种场景一般出现在异步表单提交、后端主动推送等不需要刷新页面的交互场景中：

1. 后端PHP代码不需要额外处理，直接输出内容即可：

// 后端接口逻辑
echo '<li>Welcome back.</li>';

2. 前端接收返回内容后追加到目标容器，两种实现方式可选：

• 原生JS实现：

// 以fetch发起异步请求为例
fetch('你的PHP接口地址')
  .then(response => response.text())
  .then(content => {
    document.getElementById('messages').insertAdjacentHTML('beforeend', content)
  })

• jQuery实现：

// 以$.get发起异步请求为例
$.get('你的PHP接口地址', function(content) {
  $('#messages').append(content)
})

内容的提问来源于stack exchange，提问作者pullhyphoonprotocol