How to send Jquery Json array to PHP

Question

I have a table where the lines constantly change order, I need to record this table in the bank. Since I will no longer modify the table I click on a "Confirm Grid" button, at that moment save this table in an array within jquery, and when I want to send php click to submit in the form.

However I cannot receive this data on the back, I get a "Notice: Undefined index: pilots"

html:

    <table id="tabelaPilotos" class="table table-striped">
      <tbody>
      {foreach from=$pilotos item=row}                        
           <tr>            
             <td>
               {$row.numero}
             </td>
             <td>
             {$row.nome}
            </td>   
            </tr>
    {/foreach}
       </tbody>
    </table>
    <input type="button" id="add" value="Confirmar Grid" >
    <form name="form_insert" method="post" id="form_insert">
       <fieldset style="display: none;"></fieldset>
       <label>
           <input type="submit" id="confirmar" name="confirmar" value="Cadastrar grid" />
    </label>
    </form>

jQuery:

    var pilotos = [];

$("#add").click(function () {
    $('#tabelaPilotos tbody tr').each(function () {
        var colunas = $(this).children();
        var piloto = {
            'numero': $(colunas[0]).text(), 
            'nome': $(colunas[1]).text()
        };
        pilotos.push(piloto);
    });
    console.info(pilotos[0]);
});

$("#form_insert").submit(function () {    
    $.ajax({
        type: 'POST',
        cache: false,
        data: pilotos,
        dataType: "json",
        url: 'cad_corrida.php',
        success: function (msg) {
            alert(msg);
        }
    });

});

php:

    if ($_SERVER['REQUEST_METHOD'] == 'POST') {
       $pilotosarray = $_POST["pilotos"];
       echo "<script>alert('$pilotosarray')</script>";
     }

How to recover this array?

Answer 1

To receive the information in the post as "pilots" it is necessary to pass the index and value in the date of ajax, it is important in the back-end to use the "isset($_POST['pilots'])", to check if there really is an index with value being received, and treat the possible Warning.

If the return of the back is not in JSON format it is necessary to change the "dataType", in accordance with the expected return.

$("#form_insert").submit(function () {    
    $.ajax({
        type: 'POST',
        cache: false,
        **data: { pilotos: pilotos}**,
        **dataType: "ValorRetorno"**,
        url: 'cad_corrida.php',
        success: function (msg) {
            alert(msg);
        }
    });

});

Answer 2

Gabriel,

You can use JSON.stringify in javascript to turn your object into a string and pass this string in your "ajax date" and in PHP you use json_decode to turn this string back into an array/object.

I didn’t test with code, but theoretically this idea works.

Reference:

JSON.stringify: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

json_decode: http://php.net/manual/en/function.json-decode.php

I hope it helps.

Vlw

Answer 3

The content that is sent to the server goes on body request. That is, you can read it like this:

$conteudo = file_get_contents('php://input');

One can also use the constant STDIN, which amounts to php://input:

$conteudo = stream_get_contents(STDIN);

Then just turn this content into an array:

$conteudo = json_decode($conteudo, true);