It is possible to return a vector to a javascript

Question

I’m developing customizable graphics by users where it can select the options they want, parameters to the php searching in the database sql and give me back what I want. For the charts I’m using highcharts. But I’m having trouble understanding how I return the vector of my function to js. I’m using jquery so I don’t need to refresh the page. But when I do

$.post('envia.php', {nome: nome}

It performs data search, but I do not know how to get this data back to my page where the graphics are generated. Someone would know the solution?

Answer 1

The data comes back on callback of the method $.post:

$.post('envia.php', {nome: nome}, function(dados) {
    // use os dados aqui
    // o uso exato vai depender do formato que o PHP
    // usou para serializar os dados para envio
});

It looks like you want to return objects to JS, so PHP would have to send a JSON:

<?php
$vetor = array('x' => 10, 'y' => 20);

// envia dos dados para o cliente
header('Content-Type: application/json');
echo json_encode($vetor);
?>

Then you could use it like this:

$.post('envia.php', {nome: nome}, function(dados) {
    console.log(dados.x, dados.y);
});

Answer 2

The third parameter of the function post is a callback which receives server data as a parameter.

$.post('envia.php', {nome: nome}, function(dados) {
    console.log(dados);
});

On the server, you can do something like this:

$dados = array( ... );
echo json_encode($dados);