如何从 jQuery 中的 AJAX 响应中提取特定数据？

在 jQuery 中使用 AJAX 请求回调：提取特定数据

在使用 jQuery 的 AJAX 功能时，经常会遇到想要执行的情况基于 AJAX 调用结果的附加处理。本文将指导您了解从 AJAX 响应中提取特定数据的最佳方法。

示例场景

让我们考虑以下代码片段：

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

在此示例中，回调函数 did 接收来自 AJAX 调用的整个响应作为数据。这包括加倍的数字，但它还带来了生成页面的 HTML。

分离 PHP 响应

要解决此问题，最好的解决方案是将 PHP 响应分为两部分。创建一个新的 PHP 文件，仅处理加倍数的计算。例如，名为 process.php 的文件如下所示：

<?php
$num = $_POST['json']['number'];
if (isset($num))
 echo $num * 2;

AJAX 调用修改

现在，需要修改 AJAX 调用以指向process.php 文件代替。新的 AJAX 调用如下所示：

$.post("process.php", {"json": json}).done(function (data) 
{
 $('#numReturn').val(data); // Update the field with the doubled number
});

回调函数

在回调函数中，数据参数是从进程返回的双倍数字。 php 文件。您现在可以使用此数据执行其他处理，例如更新表单中的字段。在此示例中，我们使用双倍数字更新 #numReturn 输入字段。

结论

将 PHP 响应分为两部分使我们能够从AJAX 响应。这种方法高效、优雅，并促进代码可重用性和关注点分离。

以上是如何从 jQuery 中的 AJAX 响应中提取特定数据？的详细内容。更多信息请关注PHP中文网其他相关文章！