JSON

JS

function carregagrafico(str) {
    orc={};
    orc.mes = 1;
    orc.dia = 2;
    orc.nome = "Manel";
    orc.idade = 19;

        $.ajax({
            type: 'POST',
            url: 'php/ficheiro.php?x=1',
            data: { orc: JSON.stringify(orc) },
            success: function (response) {
                document.getElementById('iddestino').innerHTML = response; // Para onde vai a resposta
            }
        });
}



PHP BD

$op = $_POST['x'];

else if ($op == 1){
    $orc = $_POST['orc'];
    $orc = json_decode("$orc", true);

    $nome= $orc['nome'];
    $mes = $orc['mes'];
    $dia = $orc['dia'];
    $idade = $orc['idade'];


    $msg = "";
    $msg .= "<div class='panel-body p35' style='background-color: #ffffff;' >
            <div class='section row'>
              <div class='col-md-8'>
                  <h4 style='margin-top: -1.8%; margin-left: 2.8%; font-size: 18px;'>".$nome." </h4>
                  <p style='margin-top: -1%; margin-left: 2.8%; font-size: 13px;'>".$mes."</p>
              </div>
              <div class='col-md-4'>
              <!-- Actualização - pelicula a mais/margin-left  -->
                <a href='#' data-toggle='modal' data-target='#' onclick='func1();' title='Voltar'>
                    <img src='icones/back.png' alt='Voltar' style='margin-left:80%; margin-top: -1%;'>
                </a>
              </div>
            </div>
            <div class='col-md-12' style='margin-bottom: 2.8%;'>
              <div style='margin-top: 1%;margin-left: 2.8%;margin-bottom: 2.8%;'>
                <div class='content'>
                  <div class='row' id='line1' style='width: 100%; margin-top: -2%; margin-bottom: -2%;'>
    ";

    $sql = "SELECT distinct idNomeEcra2 as id, nomeEcra2 as descri, imgEcra2 as imgcat, imgFooterEcra2 as corfooter
    FROM tabela1, tabela2
    WHERE id2 = tabela2.id3
    AND tabela1idade = ".$idade.";";
        $result = mysqli_query($conn,$sql);
        if ($result->num_rows > 0) {
          while($row = $result->fetch_array()){
              $msg .="
              <!-- ".$row['descri']." -->
               <div class='col-sm-3 col-md-2 hoverFinger' style='padding-top: 0px; margin-left: -15px;'>
                <a  href='#'  data-target='#'  onclick='escolhaGamaPiscPriv(".$row['id'].",\"".$row['descricao']."\");'>
                <div class='panel panel-tile text-center br-a br-light'>
                    <div class='content'>
                      <img class='img-responsive' style='border: none; margin: 0; width: 100%;' src='".$row['imgcat']."' alt=".$row['descri']." >
                    </div>
                    <div class='panel-footer br-n p12' style='background-color: ".$row['corfooter']."; border-top:none;'>
                     <span class='fs11'>
                        <h5 style='color: #ffffff; font-family: HelveticaNeueThin; padding: 0px; margin: 2px 2px 2px 2px;'>"."Piscinas ".$row['descri']."</h5>
                        </span>
                    </div>
                </div>
                </a>
                </div>
                ";
          }
        }
    $msg.="
                </div> <!--fim 1ª Linha -->
             </div> <!--fim div content-->
            </div> <!-- fim col-md-12 -->
          </div> <!-- fim class row -->
        </div> <!--fim panel-body p35-->
    ";
    echo $msg;
}