js，调用php函数返回值

在 web 开发中，我们常常需要前端（JavaScript）调用后端（PHP）的函数，在需要实现实时交互或动态数据展示时，这种需求就更为重要。本文将详细介绍如何通过 JavaScript 调用 PHP 函数并获取返回值。

一、传统方法

传统方法是通过 AJAX（Asynchronous JavaScript and XML）来实现前后端数据交互，而 AJAX 又可以使用 XMLHttpRequest 对象来实现。下面是一个简单的前后端交互代码：

PHP 后端：

```php

function add($a, $b) {

return $a + $b;

}

if (isset($_GET['x']) && isset($_GET['y'])) {

$x = $_GET['x'];

$y = $_GET['y'];

$result = add($x, $y);

echo json_encode($result);

}

?>

```

JavaScript 前端：

```javascript

let x = 1, y = 2;

let xhr = new XMLHttpRequest();

xhr.open('GET', 'test.php?x=' + x + '&y=' + y, true);

xhr.onreadystatechange = function() {

if (xhr.readyState == 4 && xhr.status == 200) {

let result = JSON.parse(xhr.responseText);

// do something with result

}

};

xhr.send();

```

在上面的代码中，我们首先定义了一个 PHP 函数 `add`，该函数返回两个数的和。当 GET 请求 `test.php` 带上参数 `x` 和 `y` 时，我们会调用 `add` 函数并将结果以 JSON 格式返回。

在 JavaScript 前端代码中，我们定义了两个变量 `x` 和 `y`，表示要求和的两个数。接着，我们创建了一个 XMLHttpRequest 对象，设置其请求方法为 GET，并传入后端 PHP 文件的 URL 地址。然后，我们设置 `xhr.onreadystatechange` 事件，当请求状态为 `4`（即请求已经完成）和状态码为 `200`（即请求成功）时，我们解析服务器返回的 JSON 格式结果，并对其进行后续操作。

二、使用 jQuery

虽然 XMLHttpRequest 是原生 JavaScript 的 API，但它使用起来有些麻烦。因此，我们可以使用第三方库 jQuery 来简化我们的代码。下面是使用 jQuery 的代码：

PHP 后端同上。

JavaScript 前端：

```javascript

let x = 1, y = 2;

$.get('test.php', {x: x, y: y}, function(result) {

// do something with result

});

```

在上面的代码中，我们使用了 jQuery 的 `$.get` 方法来发送 GET 请求。该方法的参数为请求 URL 地址、请求参数和请求成功后的回调函数。在回调函数中，我们直接处理服务器返回的结果。

三、使用 fetch

fetch 是 HTML5 新增的 JavaScript API，是原生的 Web API，比 jQuery 更为轻量和灵活。fetch 能够帮助我们发送请求，获取数据，并将数据转化为 Promise 对象。下面是使用 fetch 的代码：

PHP 后端同上。

JavaScript 前端：

```javascript

let x = 1, y = 2;

fetch('test.php?x=' + x + '&y=' + y)

.then(response => response.json())

.then(result => {

// do something with result

})

.catch(error => console.log(error));

```

在上面的代码中，我们使用了 fetch 方法来发送 GET 请求，并添加了两个 Promise 回调函数。`response.json()` 方法会将响应结果转化为 JSON 格式，而第二个回调函数则在响应结果达到后进行处理。

注意事项：

1. PHP 后端代码务必对请求进行参数检查，防止 SQL 注入等攻击。

2. 当你使用 AJAX 发送 POST 请求时，需要在 PHP 后端代码中使用 $_POST 超全局变量来获取前端传过来的数据。

3. 在使用 fetch 方法时，需要注意兼容性问题。在一些旧版浏览器中可能不支持该 API。

总结：

本文详细介绍了在 web 开发中如何通过 JavaScript 调用 PHP 函数并获取返回值。在实际应用中，我们可以根据自己的实际需求，选择适当的方案来实现前后端数据交互。这不仅能够优化我们的代码，而且能够提高我们的开发效率和代码质量。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！