如何自定义 jQuery AJAX 请求返回的数据？

使用 jQuery 进行 AJAX 请求回调：指定返回的数据

在本 jQuery AJAX 教程中，我们的目标是深入研究自定义 AJAX 请求返回的数据的主题，重点关注我们需要进一步处理响应数据的场景。

考虑以下代码片段，其中使用 jQuery 向 PHP 文件发出 AJAX 请求：

$.post("convertNum.php", {"json": json}).done(function (data) {
    alert(data);
});

done() 函数处理来自 AJAX 请求的响应，在本例中，它会显示带有接收到的数据的警报。但是，如果我们想进一步处理数据，我们需要一种方法来从响应中仅提取相关信息。

我们可以考虑以下几种方法：

• 创建一个单独的 PHP 文件：这种方法涉及创建一个新的 PHP 文件，例如 getNum.php，它将专门处理响应。在 getNum.php 中，我们将回显数字乘以 2，如下所示：

<?php
$num = $_POST['json']['number'] * 2;
echo $num;
?>

在 jQuery 代码中，我们将用以下内容替换之前的 did() 函数：

$.post("getNum.php", {"json": json}).done(function (data) {
    // Process data here
});

此方法在 jQuery 中获取数字的逻辑和处理数字的逻辑之间提供了清晰的分离code.

• 以 JSON 形式发送响应：另一种选择是让 PHP 文件将数字回显为 JSON 对象，如下所示：

<?php
$num = $_POST['json']['number'] * 2;
$response = ['num' => $num];
echo json_encode($response);
?>

在 jQuery 方面，我们需要解析 JSON 响应来访问 num property:

$.post("convertNum.php", {"json": json}).done(function (data) {
    var num = data.num;
    // Process num here
});

此方法允许我们通过从 JSON 对象中提取特定属性来灵活地处理响应。

通过利用这些技术，我们可以有效地指定我们想要返回的确切数据来自我们的 AJAX 请求并根据需要进行处理。

以上是如何自定义 jQuery AJAX 请求返回的数据？的详细内容。更多信息请关注PHP中文网其他相关文章！