How Can I Customize the Data Returned from a jQuery AJAX Request?

AJAX Request Callback Using jQuery: Specifying Returned Data

In this jQuery AJAX tutorial, we aim to delve into the topic of customizing the data returned from an AJAX request, focusing on scenarios where we need to handle the response data further.

Consider the following code snippet, where an AJAX request is made using jQuery to a PHP file:

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

The done() function handles the response from the AJAX request, and in this case, it displays an alert with the received data. However, if we want to process the data further, we need a way to extract only the relevant information from the response.

There are several approaches we can consider:

• Create a separate PHP file: This approach involves creating a new PHP file, say getNum.php, that would exclusively handle the response. Inside getNum.php, we would echo the number times 2, like this:

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

In the jQuery code, we would then replace the previous done() function with the following:

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

This method offers a clean separation between the logic for getting the number and the logic for processing it in our jQuery code.

• Send the response as JSON: Another alternative is to have the PHP file echo the number as a JSON object, like this:

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

On the jQuery side, we would need to parse the JSON response to access the num property:

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

This method allows us to handle the response flexibly by extracting specific properties from the JSON object.

By utilizing these techniques, we can effectively specify the exact data we want returned from our AJAX request and process it as needed.

The above is the detailed content of How Can I Customize the Data Returned from a jQuery AJAX Request?. For more information, please follow other related articles on the PHP Chinese website!