Skip to main content
2 de 2
adicionou 1050 caracteres ao conteúdo
IgorAlves
  • 3mil
  • 2
  • 30
  • 60

" ... Quero saber qual a melhor maneira de transportar esses dados: ..."

Para mim não ficou muito claro se a sua dúvida é para enviar algo para o servidor ou se é para receber de volta do servidor ("Enviando Ajax para o site").

Imagino que seja quando recebe informações do servidor via JSON. Mas vou postar aqui um pedaço do meu código que uso sempre para situações envolvendo JSON tanto para enviar para o PHP, quanto para receber do servidor para ser tratado em JS.

Como muitos já discutiram acima, não reivente a roda, use JSON. Mas essa abordagem usa uma solução mista, afinal transforma o JSON numa string, para melhorar a performance durante o processo de transferência.

//Aqui é o seu código PHP (seuSErvidor.php).
//Recuperando as informações enviadas do Javascript para o php, FrontENd=>BackEnd.

$ObjEvn=$_POST["ObjEvn"];//valor = btn_Login
$dataJsToPHP=$_POST["dataJsToPHP"];//valor do input "#txt_EmailLogin"
$eviarQQCoisa=$_POST["eviarQQCoisa"];//Valor 123

//NOTA: Não é aconselhado recuperar valores enviados de JS sem um tratamento prévio. Geralmente eu faço as validações no lado javascript.

//aqui vc pode direcionar o seu fluxo(processo). Pode ser uma página admin, por exemplo que vai gerenciar todos direcionamentos como um controler.
if($ObjEvn=="btn_Login"){
    //Código para testar login de usuário .... depois crie sua array $arrToJSON para ser enviada para javascript.
}
elseif($ObjEvn=="btn_DeleteUsuario"){
    //Código para deletar usuário .... depois crie sua array $arrToJSON para ser enviada para javascript.
}
elseif($ObjEvn=="btn_QualquerAcao"){
    //Código para outras ações  .... depois crie sua array $arrToJSON para ser enviada para javascript.
}



//Depois de fazer suas consultas no banco de dados, vc pode enviar os dados     para uma array php. Note que vc pode criar quantos índices vc quiser e colocar o que quiser dentro da array, incluisive código HTML, com javascript embutido. Funciona perfeitamente para mim. Eu carrego páginas inteiras utilizando essa técnica.
        //Crie sua array  
        $arrToJSON = array(
          "dataPHPtoJs"=>"algumDado de quaqluer formato",
          "htmlToPHP"=>"<div class=\".class1\">algum código html aqui</div>"    
        );  
        //Nota: a depender do tamanho da informação que vc quer guardar em "htmlToPHP" talvez precise usar um código para escapar espaços e carateres especiais. Vou colocar a função logo abaixo.

        //Essa função pega a array e transforma numa representação JSON - string. http://php.net/manual/en/function.json-encode.php

        return json_encode(array($arrToJSON));




    //No seu lado javascript ou "SITE" como vc disse. O evento foi iniciado pelo elemento "#idElement". Pode ser um click ou qualquer outra coisa. Vc vai mandar algo para o PHP (o codigo acima) e vai receber a $arrToJSON (que agora é uma string) no processo return

    $(document).on("event", "#idElement", function(){
        //Veja que aqui vc tbm está enviando para o PHP o objeto
         var dt={ 
                  ObjEvn:"btn_Login",
                  dataJsToPHP: $("#txt_EmailLogin").val(),
                  eviarQQCoisa: 123
                };

        //Ajax      
         var request =$.ajax({//http://api.jquery.com/jQuery.ajax/
                                url: "seuSErvidor.php",
                                type: "POST",
                                data: dt,
                                dataType: "json"
                            });

        //Então quando requisição AJAX estiver terminada, vc acabou de receber do seu PHP uma string que vai ser tratada aqui em javascript

            request.done(function(dataset){
                for (var index in dataset){ 
                     dataPHPtoJsJS=dataset[index].dataPHPtoJs;//Aqui é o index da array que vc usou no php.
                     htmlToJS=dataset[index].htmlToPHP;
                 }

                 //Aqui vc pode usar o que recebeu do PHP e modificar as sua página de acordo com o recebido. POde carregar htmls interios, inclusive.

                 if(dataPHPtoJsJS){
                    $( "#idseuElemento1" ).removeClass( "class1" );
                    $( "#idseuElemento2" ).html( htmlToJS );
                 }


         }); 

        //Ajax Fail 
            request.fail(function(jqXHR, textStatus) {
                alert("Request failed: " + textStatus);
            }); 
    }

//Função para filtrar espaços (ou minimizar) javascript ou HTML


function html_rows_Event_Details() {
                 
$str =<<<eof
  <tr class='evntdet'>
      <td colspan='4' style='background-color:#00BABF ;  padding: 10px;  text-align: center;'>
          Something
      </td>
  </tr>
eof;



$re = "/(?:\\s*([<>])\\s*|(\\s)\\s*)/im"; 
$subst = "$1$2"; 
 
return  preg_replace($re, $subst, $str);

}

Fonte: Link.

IgorAlves
  • 3mil
  • 2
  • 30
  • 60