receive json_encode ( (array) $objj) in jquery

Question

I got the following return of PHP for JSON through AJAX:

[
  "ok",
  [
    [
      {
        "\u0000CelulasReunioes\u0000idCelula":"17",
        "\u0000CelulasReunioes\u0000data":"2019-01-30",
        "\u0000CelulasReunioes\u0000presentes":"0",
        "\u0000CelulasReunioes\u0000visitas":"0",
        "\u0000CelulasReunioes\u0000criancas":"0",
        "\u0000CelulasReunioes\u0000decisoes":"0",
        "\u0000CelulasReunioes\u0000discipulados":"0",
        "\u0000CelulasReunioes\u0000jejum":"s",
        "\u0000CelulasReunioes\u0000evangelismo":"s",
        "\u0000CelulasReunioes\u0000supervisao":"s",
        "\u0000CelulasReunioes\u0000oferta":"30"
      },
      {
        "\u0000CelulasReunioes\u0000idCelula":"17",
        "\u0000CelulasReunioes\u0000data":"2019-02-01",
        "\u0000CelulasReunioes\u0000presentes":"10",
        "\u0000CelulasReunioes\u0000visitas":"2",
        "\u0000CelulasReunioes\u0000criancas":"2",
        "\u0000CelulasReunioes\u0000decisoes":"6",
        "\u0000CelulasReunioes\u0000discipulados":"1",
        "\u0000CelulasReunioes\u0000jejum":"n",
        "\u0000CelulasReunioes\u0000evangelismo":"n",
        "\u0000CelulasReunioes\u0000supervisao":"n",
        "\u0000CelulasReunioes\u0000oferta":"0"
      }
   ]
 ]
]

I basically made a (array) $objeto in the PHP to use json_encode () for they are returns of PHP objects

Now, I intend to use that array of 2 positions`

retorno [ 0 ] = "ok";
retorno [ 1 ] = array PHP de objetos convertidos por (array) com vários índices;

Catch the position [ 1 ] of array and make a foreach.

resultado.forEach(function(reuniao, index){     

    html  = '<h2>' + reuniao.idCelula + '</h2>';
    html += '<ul class="vertical">';
    html += '  <li><label class="labelPequeno">Data</label> : ' + reuniao.data + '</li>';
    html += '</ul>';    

});

Obs.:

My purpose here is to transform the return:

"\u0000CelulasReunioes\u0000idCelula"

in

"CelulasReunioesidCelula"

and, if possible, preferably:

"idCelula"

Can someone help me?

Answer 1

As proposed in the comments, I will reformulate your PHP (that was not posted, but let’s say, I developed that part from scratch).

<?php
class CelulasReunioes
{
    public $idCelula, $data, $presentes, $visitas,
        $criancas, $decisoes, $discipulados, $jejum,
        $evangelismo, $supervisao, $oferta;

    public function __construct($dados)
    {
        $this->idCelula = $dados[0];
        $this->data = $dados[1];
        $this->presentes = $dados[2];
        $this->visitas = $dados[3];
        $this->criancas = $dados[4];
        $this->decisoes = $dados[5];
        $this->discipulados = $dados[6];
        $this->jejum = $dados[7];
        $this->evangelismo = $dados[8];
        $this->supervisao = $dados[9];
        $this->oferta = $dados[10];
    }

}

$obj1 = new CelulasReunioes(
    array(
        '17', '2019-01-30', '0', '0', '0', '0', '0', 's', 's', 's', '30'
    )
);
$obj2 = new CelulasReunioes(
    array(
        '17', '2019-02-01', '10', '2', '2', '6', '1', 'n', 'n', 'n', '0'
    )
);

header('Content-Type: application/json');

$retorno = array('ok', array($obj1, $obj2));

echo json_encode($retorno, true);

It’s a simple class, just to simulate the formation of JSON... Ignore my class, just create your JSON as in my example.

Nominee json.php, this file returns the JSON to me as follows (formatted via Jsonlint.com):

["ok", [{
    "idCelula": "17",
    "data": "2019-01-30",
    "presentes": "0",
    "visitas": "0",
    "criancas": "0",
    "decisoes": "0",
    "discipulados": "0",
    "jejum": "s",
    "evangelismo": "s",
    "supervisao": "s",
    "oferta": "30"
}, {
    "idCelula": "17",
    "data": "2019-02-01",
    "presentes": "10",
    "visitas": "2",
    "criancas": "2",
    "decisoes": "6",
    "discipulados": "1",
    "jejum": "n",
    "evangelismo": "n",
    "supervisao": "n",
    "oferta": "0"
}]]

---

Now, in the client (HTML/Javascript):

$.ajax({
    url: 'http://localhost/json.php',
    dataType: 'json'
})
.done(function(resultado){
    resultado[1].forEach(function(reuniao, index){
        let html  = '<h2>' + reuniao.idCelula + '</h2>';
        html += '<ul class="vertical">';
        html += '  <li><label class="labelPequeno">Data</label> : ' + reuniao.data + '</li>';
        html += '</ul>';
        // Aqui o html já está pronto para o uso! Aplique-o onde quiser.
        console.log(html);
    });
});

Basically, I added the index 1 in the forEach in order to do the repetition only in the array containing the objects: resultado[1].forEach(...);.

At the end of the replay, I played a console.log(html) in order to test. Just replace that part of the code as your need.

If you want to see everything working, you can download in mine Github/Lipespry and simulate in their environment.

PS: I made the Ajax request using the jQuery version 3.3.1;