在Mac上运行Apache时，如何查看PHP echo输出的字符串？

嘿，我来帮你搞定这个问题～你的核心问题有两个：一是按钮没有正确触发PHP脚本的调用，二是不清楚怎么查看PHP的输出。咱们一步步来解决：

你当前的<button>标签用了action属性，但这个属性是属于<form>标签的，单独的按钮不会自动提交请求。得把按钮放在表单里，这样点击才会触发对contact.php的请求：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>blah</title>
</head>
<body>
  <p>test html file: hello world</p>
  <!-- 用form包裹按钮，指定提交目标和方法 -->
  <form action="contact.php" method="get">
    <button type="submit" name="button">Press me</button>
  </form>
</body>
</html>

这里把按钮的type改成submit，并用<form>的action指定要调用的PHP文件，method用get或者post都可以（你的PHP脚本不需要接收参数，所以无所谓）。

把contact.php文件放到和index.html同一个目录下，也就是/Library/WebServer/Documents/里。这样Apache才能正确找到这个脚本并执行。

• 方式一：直接跳转查看
  修正表单后，点击按钮，浏览器会直接跳转到http://localhost/contact.php页面，页面上会直接显示你echo的内容blah1234567890。这是最直接的方式。

• 方式二：异步调用（不跳转页面）
  如果不想让页面跳转，想用AJAX异步获取输出，可以给按钮加个点击事件，用JavaScript来请求PHP脚本并显示结果：

  <!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8">
    <title>blah</title>
  </head>
  <body>
    <p>test html file: hello world</p>
    <button type="button" name="button" id="callPhpBtn">Press me</button>
    <!-- 用来显示输出的容器 -->
    <div id="output"></div>
  
    <script>
      document.getElementById('callPhpBtn').addEventListener('click', function() {
        fetch('contact.php')
          .then(response => response.text())
          .then(data => {
            // 把PHP的输出显示在页面上
            document.getElementById('output').textContent = data;
          })
          .catch(error => {
            console.error('请求出错:', error);
          });
      });
    </script>
  </body>
  </html>
  

  点击按钮后，页面不会跳转，blah1234567890会显示在页面的<div id="output">里，你也可以打开浏览器的开发者工具（按F12），在Console或者Network标签里查看请求和响应内容。

如果还是看不到输出，可以去查看Apache的日志来确认：

• 访问日志：路径是/var/log/apache2/access_log，里面会记录所有对Apache的请求，你可以看看有没有contact.php的请求记录，状态码是200就说明请求成功了。
• 错误日志：路径是/var/log/apache2/error_log，如果PHP脚本有错误，或者Apache找不到文件，这里会显示具体的错误信息，帮你定位问题。

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