javascript - jQuery $.get 将 PHP 代码作为文本而不是值返回

Question

这是我的 JavaScript 代码:

$(FORM).on('submit', function (event) {
    event.preventDefault();
    $.get('server/example.php?number1=34&number2=46', function (response) {
        console.log(response);
    });
});

这是我的名为 example.php 的 PHP 文件，位于名为 server 的目录中:

<?php
  $num1 = $_GET['number1'];
  $num2 = $_GET['number2'];
  $sum = $num1 + $num2;
  echo($sum);
?>

当我发出 get 请求时，Chrome DevTools(和控制台)中的响应会打印 PHP 代码作为响应，而不是当 console.log(response ) 被调用。我尝试了 $.ajax() 方法以及显式实例化和使用 XMLHttpRequest 对象。它们都返回/打印 PHP 代码而不是 80。我如何获取 $sum 的值？

我在开发时使用BrowserSync，如果这有影响的话(如果有的话，我该如何做不同的事情)。

Answer 1

根据https://scotch.io/tutorials/how-to-use-browsersync-for-faster-development

"BrowserSync creates a small server"

...所以我猜它只能提供静态 HTML 页面，而不是 PHP。您需要设置一个适当的网络服务器(例如 Apache)并在其中安装 PHP。正如评论中提到的，它们都可以单独下载和安装，或者有 LAMP、XAMPP 等软件包，它们将为您提供轻松安装的整个 Apache、PHP 和 MySQL 开发堆栈。

该页面还显示

if you already have a server setup, BrowserSync can hook into that server and act as a proxy.

这意味着一旦您设置了正确的服务器，您仍然可以通过将其连接到您的服务器来同时利用 BrowserSync 的功能