js 如何调用php

要在 JavaScript 中调用 PHP，可以使用 AJAX 或者 Fetch API 进行异步请求。以下是使用 AJAX 的示例代码：

// 创建一个 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 设置请求的方法和 URL
xhr.open('GET', 'example.php', true);

// 发送请求
xhr.send();

// 监听请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理返回的数据
    var response = xhr.responseText;
    console.log(response);
  }
};

在上面的示例中，我们创建了一个 XMLHttpRequest 对象，并使用 open 方法指定了请求的方法和 URL。然后，使用 send 方法发送请求。

在 onreadystatechange 事件中，我们检查请求的状态和状态码，当状态为 4（请求已完成）且状态码为 200（请求成功）时，我们可以通过 responseText 属性获取到 PHP 返回的数据。

请注意，上述示例中的 URL example.php 应该是一个存在的 PHP 文件的路径。

除了使用 GET 方法发送请求，还可以使用 POST 方法发送请求。示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=John&age=30');

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    console.log(response);
  }
};

在上述示例中，我们使用 setRequestHeader 方法设置请求头，指定请求的内容类型为 application/x-www-form-urlencoded。然后，通过 send 方法发送请求，并将数据以键值对的形式传递给 send 方法。

在 PHP 文件中，您可以使用 $_GET 或 $_POST 超全局变量来获取传递的数据。例如，对于上述示例中的 POST 请求，可以使用以下代码获取数据：

$name = $_POST['name'];
$age = $_POST['age'];

这是一个简单的示例，您可以根据实际需求进行调整。