Return PHP values via Ajax and display in HTML (separately)

Question

Can you return values from a PHP page via Ajax and display them separately? Ex. I have a PHP page on which I have the return values:

<?php
 echo $a;
 echo $b;
 echo $c;
?>

Currently I can determine via Jquery that they are displayed in a certain DIV, only that they all appear together (in the same place). I would like to know if I could determine which "$a" will be displayed in a particular DIV, and the other variables in other DIV. It’s like?

My purpose is: Access the database, bring values and set in a modal. Currently I can already call this MODAL and fill its BODY with the server data. However, I don’t want to display these values only in BODY. I need to display $a in HEADER, $b in BODY and $c in FOOTER of this MODAL.

You can do just that?

Thanks in advance.

Answer 1

As you are working with Javascript try returning your PHP response in JSON format to AJAX:

<?php
    echo json_encode(
        "a" => "1",
        "b" => "2",
        "c" => "3",
    ));
?>

And now you can work with this return as follows:

$.ajax({
    url : 'seu-arquivo-php',
    success : function(data) {
        var json = $.parseJSON(data)[0];
        var a = json.a;
        var b = json.b;
        var c = json.c;

    }
});

Answer 2

In php, I put in an array the 3 variables(a,b,c),no js da pra saber pelo Indice qual é, variavel A é Indice = 0,so on. Done this Voce will manage to display each one separately.

<?php
// echo $a;
// echo $b;
// echo $c;
   $arr = [$a,$b,$c];
   echo (json_encode ($arr));

Ajax:

$.ajax({
    method:'post',
    url: 'taa.php',
    async: true,
     dataType:'json',
    success: function (arr) {
        var a = arr[0];
        var b = arr[1];
        var c = arr[2];
    }


});