//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);
}
//Aqui é o seu código PHP (seuSErvidor.php).
//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);
}
//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);
}
" ... 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).
//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.
lang-js