Como montar html recebendo dados via Json?
2,133 views
Skip to first unread message
jackburx
Aug 6, 2008, 9:27:10 AM8/6/08
to jQuery (Brasil)
Olá pessoal Esta é a umas das primeiras participações minhas na lista.
Estou começando a utilizar Jquery pra valer, e me deparei com a
necessidade
de montar uma página html usando os dados recebidos de um array JSON
que
é montado por um arquivo php. A minha dúvida é como acessar os valores
dessa array pra montar nas respectivas DIVs os valores dos campos
dessa array?
Aqui está um exemplo da array que recebo:
"{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos':
[],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag
%EAncias+pr
%F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif':
[{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif':
''}]}]}"
Exempo de como estou chamando os dados via ajax e tentando montar
ainda sem sucesso:
function carrega(id){
$.get(
"montajson.php?id_secao="+id, {}, function(data){
$("#conteudo").text(data); // este linha aqui é só pra ver como a
array está chegando
$("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //
exemplo de tentativa de acessar os dados
})
}
Agradeço se puderem me ajudar... abs
Estou começando a utilizar Jquery pra valer, e me deparei com a
necessidade
de montar uma página html usando os dados recebidos de um array JSON
que
é montado por um arquivo php. A minha dúvida é como acessar os valores
dessa array pra montar nas respectivas DIVs os valores dos campos
dessa array?
Aqui está um exemplo da array que recebo:
"{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos':
[],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag
%EAncias+pr
%F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif':
[{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif':
''}]}]}"
Exempo de como estou chamando os dados via ajax e tentando montar
ainda sem sucesso:
function carrega(id){
$.get(
"montajson.php?id_secao="+id, {}, function(data){
$("#conteudo").text(data); // este linha aqui é só pra ver como a
array está chegando
$("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //
exemplo de tentativa de acessar os dados
})
}
Agradeço se puderem me ajudar... abs
Giovanni
Aug 6, 2008, 10:09:43 AM8/6/08
to jque...@googlegroups.com
faça mais bonitinho.......rsrsrs
$(document.body).ready(function(){
carregaID = function (id){
$.get("montajson.php", {id_secao:id}, function(data){
alert( data.id_secao ) ; //veja se "fununcia" assim....
$("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando
$("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados
});
}
});
ainda não compreendi muito bem o que vc deseja....
espero ter ajudado
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
jackburx
Aug 6, 2008, 10:34:26 AM8/6/08
to jQuery (Brasil)
Ainda não funcionou... pq ele não está retornando o valor do
"id_secao" como deveria, oque eu preciso é acessar os valores da array
"data", mas não estou sabendo fazer isso. Mas na linha onde uso
text(data)... ele retorna a array inteira gerada pelo arquivo php.
Ainda não consegui fazer oq preciso....
Vlw...
On 6 ago, 11:09, Giovanni <giovannido...@gmail.com> wrote:
> faça mais bonitinho.......rsrsrs$(document.body).ready(function(){ carregaID = function (id){ $.get("montajson.php", {id_secao:id}, function(data){ alert( data.id_secao ) ; //veja se "fununcia" assim.... $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados }); } }); ainda não compreendi muito bem o que vc deseja.... espero ter ajudadojackburx escreveu:Olá pessoal Esta é a umas das primeiras participações minhas na lista. Estou começando a utilizar Jquery pra valer, e me deparei com a necessidade de montar uma página html usando os dados recebidos de um array JSON que é montado por um arquivo php. A minha dúvida é como acessar os valores dessa array pra montar nas respectivas DIVs os valores dos campos dessa array? Aqui está um exemplo da array que recebo: "{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos': [],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag %EAncias+pr %F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif': [{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif': ''}]}]}" Exempo de como estou chamando os dados via ajax e tentando montar ainda sem sucesso: function carrega(id){ $.get( "montajson.php?id_secao="+id, {}, function(data){ $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }) } Agradeço se puderem me ajudar... abs-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSNgiova...@hotmail.com
"id_secao" como deveria, oque eu preciso é acessar os valores da array
"data", mas não estou sabendo fazer isso. Mas na linha onde uso
text(data)... ele retorna a array inteira gerada pelo arquivo php.
Ainda não consegui fazer oq preciso....
Vlw...
On 6 ago, 11:09, Giovanni <giovannido...@gmail.com> wrote:
> faça mais bonitinho.......rsrsrs$(document.body).ready(function(){ carregaID = function (id){ $.get("montajson.php", {id_secao:id}, function(data){ alert( data.id_secao ) ; //veja se "fununcia" assim.... $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados }); } }); ainda não compreendi muito bem o que vc deseja.... espero ter ajudadojackburx escreveu:Olá pessoal Esta é a umas das primeiras participações minhas na lista. Estou começando a utilizar Jquery pra valer, e me deparei com a necessidade de montar uma página html usando os dados recebidos de um array JSON que é montado por um arquivo php. A minha dúvida é como acessar os valores dessa array pra montar nas respectivas DIVs os valores dos campos dessa array? Aqui está um exemplo da array que recebo: "{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos': [],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag %EAncias+pr %F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif': [{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif': ''}]}]}" Exempo de como estou chamando os dados via ajax e tentando montar ainda sem sucesso: function carrega(id){ $.get( "montajson.php?id_secao="+id, {}, function(data){ $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }) } Agradeço se puderem me ajudar... abs-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSNgiova...@hotmail.com
Giovanni
Aug 6, 2008, 11:09:13 AM8/6/08
to jque...@googlegroups.com
é assim para JSON
e não precisa usar querystring na url, use nos parametros como fiz abaixo.......
e relaxa que esses parametros serão enviados por GET.....
fica mais bunitin............rs
jackburx escreveu:
e não precisa usar querystring na url, use nos parametros como fiz abaixo.......
e relaxa que esses parametros serão enviados por GET.....
fica mais bunitin............rs
function carrega(id){
$.getJSON(
"montajson.php", {id_secao:id}, function(data){
$("#conteudo").text(data); // este linha aqui é só pra ver como a
array está chegando
$("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //
exemplo de tentativa de acessar os dados
})
}
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
Giovanni
Aug 6, 2008, 11:39:00 AM8/6/08
to jque...@googlegroups.com
seu JSON está errado, provavelmente
fiz na unha para vc ter uma ideia........
json.txt
{
saudacao:"oi",
fotos:[
{foto:"foto1"},
{foto:"foto2"},
]
}
tesejson.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>New document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
jQuery(document.body).ready(function(){
// primeiro vem as funções
carregar = function(){
jQuery.getJSON("json.txt",function(data,status){
alert(data.saudacao);
alert(data.fotos);
for(x in data.fotos){
alert(data.fotos[x].foto);
}
});
}
// aqui vem a bagaça
jQuery("#btnBotao").click(carregar);
});
</script>
</head>
<body>
<button id="btnBotao">Testar JSON</button>
</body>
</html>
renomeia o anexo para json.zip e descompacta(está sem extensão apenas)
testei e funcionou....
usa o PLUGIN do FF para testar JSON, ajuda...
Espero ter ajudado...
Giovanni Donda
jackburx escreveu:
fiz na unha para vc ter uma ideia........
json.txt
{
saudacao:"oi",
fotos:[
{foto:"foto1"},
{foto:"foto2"},
]
}
tesejson.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>New document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
jQuery(document.body).ready(function(){
// primeiro vem as funções
carregar = function(){
jQuery.getJSON("json.txt",function(data,status){
alert(data.saudacao);
alert(data.fotos);
for(x in data.fotos){
alert(data.fotos[x].foto);
}
});
}
// aqui vem a bagaça
jQuery("#btnBotao").click(carregar);
});
</script>
</head>
<body>
<button id="btnBotao">Testar JSON</button>
</body>
</html>
renomeia o anexo para json.zip e descompacta(está sem extensão apenas)
testei e funcionou....
usa o PLUGIN do FF para testar JSON, ajuda...
Espero ter ajudado...
Giovanni Donda
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
Giovanni
Aug 6, 2008, 11:56:27 AM8/6/08
to jque...@googlegroups.com
avisa "nois" se der certo....
jackburx escreveu:
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
jackburx
Aug 6, 2008, 12:59:59 PM8/6/08
to jQuery (Brasil)
Ainda estou recebendo "undefined" no alert... mesmo tendo usado o seu
código,
mesmo arrumando o meu arquivo php que gera o json, lembrando que para
montar
esse JSON, eu simplesmente uso no final do php o comando "echo
json_encode($juntatudo);"
e estou chamando o arquivo php com o getJSON.. como vc pode ver no
codigo abaixo:
jQuery(document.body).ready(function(){
$("#container-1 > ul").tabs({ fx: { opacity: 'toggle' }});
carrega = function (id){
jQuery.getJSON("montajson.php", {id_secao:id}, function(data){
alert(data.idsecao);
alert(data.fotos);
for(x in data.fotos){
alert(data.fotos[x].foto_secao);
}
});
> jackburx escreveu:Ainda não funcionou... pq ele não está retornando o valor do "id_secao" como deveria, oque eu preciso é acessar os valores da array "data", mas não estou sabendo fazer isso. Mas na linha onde uso text(data)... ele retorna a array inteira gerada pelo arquivo php. Ainda não consegui fazer oq preciso.... Vlw... On 6 ago, 11:09, Giovanni<giovannido...@gmail.com>wrote:faça mais bonitinho.......rsrsrs$(document.body).ready(function(){ carregaID = function (id){ $.get("montajson.php", {id_secao:id}, function(data){ alert( data.id_secao ) ; //veja se "fununcia" assim.... $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados }); } }); ainda não compreendi muito bem o que vc deseja.... espero ter ajudadojackburx escreveu:Olá pessoal Esta é a umas das primeiras participações minhas na lista. Estou começando a utilizar Jquery pra valer, e me deparei com a necessidade de montar uma página html usando os dados recebidos de um array JSON que é montado por um arquivo php. A minha dúvida é como acessar os valores dessa array pra montar nas respectivas DIVs os valores dos campos dessa array ? Aqui está um exemplo da array que recebo: "{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos': [],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag %EAncias+pr %F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif': [{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif': ''}]}]}" Exempo de como estou chamando os dados via ajax e tentando montar ainda sem sucesso: function carrega(id){ $.get( "montajson.php?id_secao="+id, {}, function(data){ $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }) } Agradeço se puderem me ajudar... abs-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSNgiova...@hotmail.com
código,
mesmo arrumando o meu arquivo php que gera o json, lembrando que para
montar
esse JSON, eu simplesmente uso no final do php o comando "echo
json_encode($juntatudo);"
e estou chamando o arquivo php com o getJSON.. como vc pode ver no
codigo abaixo:
jQuery(document.body).ready(function(){
$("#container-1 > ul").tabs({ fx: { opacity: 'toggle' }});
carrega = function (id){
jQuery.getJSON("montajson.php", {id_secao:id}, function(data){
alert(data.idsecao);
alert(data.fotos);
for(x in data.fotos){
alert(data.fotos[x].foto_secao);
}
$("#conteudo").text(data); // este linha aqui é só pra ver como a
array está chegando
$("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //
exemplo de tentativa de acessar os dados
});
$("#conteudo").text(data); // este linha aqui é só pra ver como a
array está chegando
$("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //
exemplo de tentativa de acessar os dados
}
});
> jackburx escreveu:Ainda não funcionou... pq ele não está retornando o valor do "id_secao" como deveria, oque eu preciso é acessar os valores da array "data", mas não estou sabendo fazer isso. Mas na linha onde uso text(data)... ele retorna a array inteira gerada pelo arquivo php. Ainda não consegui fazer oq preciso.... Vlw... On 6 ago, 11:09, Giovanni<giovannido...@gmail.com>wrote:faça mais bonitinho.......rsrsrs$(document.body).ready(function(){ carregaID = function (id){ $.get("montajson.php", {id_secao:id}, function(data){ alert( data.id_secao ) ; //veja se "fununcia" assim.... $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados }); } }); ainda não compreendi muito bem o que vc deseja.... espero ter ajudadojackburx escreveu:Olá pessoal Esta é a umas das primeiras participações minhas na lista. Estou começando a utilizar Jquery pra valer, e me deparei com a necessidade de montar uma página html usando os dados recebidos de um array JSON que é montado por um arquivo php. A minha dúvida é como acessar os valores dessa array pra montar nas respectivas DIVs os valores dos campos dessa array ? Aqui está um exemplo da array que recebo: "{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos': [],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag %EAncias+pr %F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif': [{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif': ''}]}]}" Exempo de como estou chamando os dados via ajax e tentando montar ainda sem sucesso: function carrega(id){ $.get( "montajson.php?id_secao="+id, {}, function(data){ $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }) } Agradeço se puderem me ajudar... abs-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSNgiova...@hotmail.com
Giovanni
Aug 6, 2008, 1:01:39 PM8/6/08
to jque...@googlegroups.com
o echo json_encode() está certo.....
mas então posta aqui como vc monta seu array ou manda o arquivo em PHP....
Abraços,
Giovanni
jackburx escreveu:
mas então posta aqui como vc monta seu array ou manda o arquivo em PHP....
Abraços,
Giovanni
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
jackburx
Aug 6, 2008, 2:42:08 PM8/6/08
to jQuery (Brasil)
Certo... vc quem pediu hein... rs
Só uma observação.. eu só alerei a sintaxe do da array JSON nos
primeiros campos pra testar...
Arquivo montajson.php
$juntatudo = "{id_secao:".
$id_secaoajax.",secao_existente:".urlencode($array_secao['secao_existente']).",'avaliacao':'".
$classificacao."','css':'".$css."','fotos':";
$array_secao = mysql_fetch_array($query_secao);
while ($_fotos = mysql_fetch_array($query_fotosecao)){
$junta_fotos.= $junta_fotos."{'foto_secao':'".
$_fotos['fotosecao']."'},";
}
$junta_fotos = substr($junta_fotos, 0, -1);
$junta_fotos = "[".$junta_fotos."]";
$juntatudo .= $junta_fotos;
$juntatudo.= ",'topicos':[";
while ($cont <= $qtd_secao){
$id_topico = $array_secao['id_topico'];
$juntatudo.= "{'id_topico':'".$array_secao['id_topico']."','tipo':'".
$array_secao['tipo_topico']."','descricao_topico':'".urlencode($array_secao['descricao_topico'])."','respsimnao_topico':'".
$array_secao['respsimnao_topico']."','resptexto_topico':'".
$array_secao['resptexto_topico']."','pontoverif':[";
$fotostop = array();
// Faz o loop que monta os dados de cada seção
while ($cont <= $qtd_secao && $id_topico == $array_secao['id_topico'])
{
$id_pontoverif = $array_secao['id_pontoverif'];
$juntatudo.=
"{'descrica_pontoverif':'".urlencode($array_secao['descrica_pontoverif'])."',";
$juntatudo.= "'fotos': [";
$fotopt = "";
while($cont <= $qtd_secao && $id_topico ==
$array_secao['id_topico'] && $id_pontoverif ==
$array_secao['id_pontoverif']){
$fotopt = $fotopt."{'foto_pontoverif': '".
$array_secao["fotopontoverif"]."'},";
if(!in_array($array_secao['foto_topico']) &&
$array_secao['foto_topico'] != null){
$fotostop[] = $array_secao['foto_topico'];
}
$array_secao = mysql_fetch_array($query_secao);
$cont++;
}// fim do segundo while
$fotopt = substr($fotopt,0,-1);
$juntatudo .= $fotopt . "]},";
}// Fim do primeiro wihle
$juntatudo = substr($juntatudo,0,-1);
//$juntatudo .= "]},";
$total_fotostop = count($fotostop);
$junta_fotostop = "";
for($i=0; $i < $total_fotostop; $i++){
$junta_fotostop .= "{'foto_topico':'". $fotostop[$i] ."'},";
}
$junta_fotostop = substr($junta_fotostop,0,-1);
$juntatudo .= "], 'fotos':[". $junta_fotostop ."]},";
}
$juntatudo = substr($juntatudo,0,-1);
$juntatudo.= "]}";
//echo "]}";
if ($cont <= $qtd_secao) $juntatudo.=",";
//echo utf8_encode($juntatudo);
echo json_encode($juntatudo);
mysql_free_result($query_secao);
mysql_close($link);
> jackburx escreveu:Ainda estou recebendo "undefined" no alert... mesmo tendo usado o seu código, mesmo arrumando o meu arquivo php que gera o json, lembrando que para montar esse JSON, eu simplesmente uso no final do php o comando "echo json_encode($juntatudo);" e estou chamando o arquivo php com o getJSON.. como vc pode ver no codigo abaixo: jQuery(document.body).ready(function(){ $("#container-1 > ul").tabs({ fx: { opacity: 'toggle' }}); carrega = function (id){ jQuery.getJSON("montajson.php", {id_secao:id}, function(data){ alert(data.idsecao); alert(data.fotos); for(x in data.fotos){ alert(data.fotos[x].foto_secao); } $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }); } }); On 6 ago, 12:56, Giovanni<giovannido...@gmail.com>wrote:avisa "nois" se der certo.... jackburx escreveu:Ainda não funcionou... pq ele não está retornando o valor do "id_secao" como deveria, oque eu preciso é acessar os valores da array "data", mas não estou sabendo fazer isso. Mas na linha onde uso text(data)... ele retorna a array inteira gerada pelo arquivo php. Ainda não consegui fazer oq preciso.... Vlw... On 6 ago, 11:09, Giovanni<giovannido...@gmail.com>wrote:faça mais bonitinho.......rsrsrs$(document.body).ready(function(){ carregaID = function (id){ $.get("montajson.php", {id_secao:id}, function(data){ alert( data.id_secao ) ; //veja se "fununcia" assim.... $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados }); } }); ainda não compreendi muito b em o que vc deseja.... espero ter ajudadojackburx escreveu:Olá pessoal Esta é a umas das primeiras participações minhas na lista. Estou começando a utilizar Jquery pra valer, e me deparei com a necessidade de montar uma página html usando os dados recebidos de um array JSON que é montado por um arquivo php. A minha dúvida é como acessar os valores dessa array pra montar nas respectivas DIVs os valores dos campos dessa array ? Aqui está um exemplo da array que recebo: "{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos': [],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag %EAncias+pr %F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif': [{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif': ''}]}]}" Exempo de como estou chamando os dados via ajax e tentando montar ainda sem sucesso: function carrega(id){ $.get( "mo ntajson.php?id_secao="+id, {}, function(data){ $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }) } Agradeço se puderem me ajudar... abs-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSNgiova...@hotmail.com
Só uma observação.. eu só alerei a sintaxe do da array JSON nos
primeiros campos pra testar...
Arquivo montajson.php
$juntatudo = "{id_secao:".
$id_secaoajax.",secao_existente:".urlencode($array_secao['secao_existente']).",'avaliacao':'".
$classificacao."','css':'".$css."','fotos':";
$array_secao = mysql_fetch_array($query_secao);
while ($_fotos = mysql_fetch_array($query_fotosecao)){
$junta_fotos.= $junta_fotos."{'foto_secao':'".
$_fotos['fotosecao']."'},";
}
$junta_fotos = substr($junta_fotos, 0, -1);
$junta_fotos = "[".$junta_fotos."]";
$juntatudo .= $junta_fotos;
$juntatudo.= ",'topicos':[";
while ($cont <= $qtd_secao){
$id_topico = $array_secao['id_topico'];
$juntatudo.= "{'id_topico':'".$array_secao['id_topico']."','tipo':'".
$array_secao['tipo_topico']."','descricao_topico':'".urlencode($array_secao['descricao_topico'])."','respsimnao_topico':'".
$array_secao['respsimnao_topico']."','resptexto_topico':'".
$array_secao['resptexto_topico']."','pontoverif':[";
$fotostop = array();
// Faz o loop que monta os dados de cada seção
while ($cont <= $qtd_secao && $id_topico == $array_secao['id_topico'])
{
$id_pontoverif = $array_secao['id_pontoverif'];
$juntatudo.=
"{'descrica_pontoverif':'".urlencode($array_secao['descrica_pontoverif'])."',";
$juntatudo.= "'fotos': [";
$fotopt = "";
while($cont <= $qtd_secao && $id_topico ==
$array_secao['id_topico'] && $id_pontoverif ==
$array_secao['id_pontoverif']){
$fotopt = $fotopt."{'foto_pontoverif': '".
$array_secao["fotopontoverif"]."'},";
if(!in_array($array_secao['foto_topico']) &&
$array_secao['foto_topico'] != null){
$fotostop[] = $array_secao['foto_topico'];
}
$array_secao = mysql_fetch_array($query_secao);
$cont++;
}// fim do segundo while
$fotopt = substr($fotopt,0,-1);
$juntatudo .= $fotopt . "]},";
}// Fim do primeiro wihle
$juntatudo = substr($juntatudo,0,-1);
//$juntatudo .= "]},";
$total_fotostop = count($fotostop);
$junta_fotostop = "";
for($i=0; $i < $total_fotostop; $i++){
$junta_fotostop .= "{'foto_topico':'". $fotostop[$i] ."'},";
}
$junta_fotostop = substr($junta_fotostop,0,-1);
$juntatudo .= "], 'fotos':[". $junta_fotostop ."]},";
}
$juntatudo = substr($juntatudo,0,-1);
$juntatudo.= "]}";
//echo "]}";
if ($cont <= $qtd_secao) $juntatudo.=",";
//echo utf8_encode($juntatudo);
echo json_encode($juntatudo);
mysql_free_result($query_secao);
mysql_close($link);
Jean
Aug 6, 2008, 2:51:03 PM8/6/08
to jque...@googlegroups.com
json_encode nao eh para arrays?? Sempre axei q fossse =p
2008/8/6 jackburx <aqua...@gmail.com>:
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
2008/8/6 jackburx <aqua...@gmail.com>:
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
Giovanni
Aug 6, 2008, 3:32:12 PM8/6/08
to jque...@googlegroups.com
o JEAN.......quer brigar
mano.....heheheh
json encode codifica qq coisa mano.....rsrsr....
antes da inclusão dessa função no PHP 5, tinha que usar o JSON do PEAR.....
eu uso aqui e funciona muito bem, a treta deve estar no PHP mesmo, antes de chegar no JSON_ENCODE....
vou analisar o PHP e logo mando a resposta, agora tah corrido aqui...
Abraços
Jean escreveu:
json encode codifica qq coisa mano.....rsrsr....
antes da inclusão dessa função no PHP 5, tinha que usar o JSON do PEAR.....
eu uso aqui e funciona muito bem, a treta deve estar no PHP mesmo, antes de chegar no JSON_ENCODE....
vou analisar o PHP e logo mando a resposta, agora tah corrido aqui...
Abraços
Jean escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
Giovanni
Aug 6, 2008, 3:35:24 PM8/6/08
to jque...@googlegroups.com
uhauahuah
amigo, o seguinte
o json encode é para isso
$aDados["nome"] = "giovanni";
json_encode($aDados);
resposta:
{ nome: "giovanni"; }
ou seja, ele cria toda a estrutura que vc já montou.....
logo, vc não precisa dele pq vc já montou um formato json, o que é arriscado...pois se errar não funciona....
entendeu ??
jackburx escreveu:
amigo, o seguinte
o json encode é para isso
$aDados["nome"] = "giovanni";
json_encode($aDados);
resposta:
{ nome: "giovanni"; }
ou seja, ele cria toda a estrutura que vc já montou.....
logo, vc não precisa dele pq vc já montou um formato json, o que é arriscado...pois se errar não funciona....
entendeu ??
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
Giovanni
Aug 6, 2008, 3:39:23 PM8/6/08
to jque...@googlegroups.com
faltou, tira o json_encode e deve
funcionar se não funcionar vc está escrevendo o json errado....
pensa o seguinte, so um pedaço para ver se ajuda
jquery(document).read(function(){
$.getJSON("pagina",function(data){
for(x in data){
alert(data.fotos[x].foto);
}
})
});
veja se da certo....
jackburx escreveu:
pensa o seguinte, so um pedaço para ver se ajuda
$i=0;
while ($_fotos = mysql_fetch_array($query_fotosecao)){
$junta_fotos["fotos"][$i]["foto"]= $_fotos[$i];
$i++;
}
echo json_encode($junta_fotos); // ele vai criar todo o json para vc
ai vc acessa isso assimjquery(document).read(function(){
$.getJSON("pagina",function(data){
for(x in data){
alert(data.fotos[x].foto);
}
})
});
veja se da certo....
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
jackburx
Aug 7, 2008, 9:09:09 AM8/7/08
to jQuery (Brasil)
Valeu Giovanni... era isso mesmo!!!
Obrigado pelas dicas, eu não sabia usar o json_encode do php
corretamente. Agora como sou praticamente um leigo em jQuery ainda,
gostaria de mais uma dica, que comando eu devo usar sempre que quiser
substituir o conteudo de uma DIV com o retorno do Json? Eu estou
usando wrap para inserir o conteudo mas parece que não está rolando
como eu quero... como vc faria?
Abs
On 6 ago, 16:39, Giovanni <giovannido...@gmail.com> wrote:
> faltou, tira o json_encode e deve funcionar se não funcionar vc está escrevendo o json errado....
> pensa o seguinte, so um pedaço para ver se ajuda$i=0; while ($_fotos = mysql_fetch_array($query_fotosecao)){ $junta_fotos["fotos"][$i]["foto"]= $_fotos[$i]; $i++; } echo json_encode($junta_fotos); // ele vai criar todo o json para vcai vc acessa isso assimjquery(document).read(function(){
> jackburx escreveu:Certo... vc quem pediu hein... rs Só uma observação.. eu só alerei a sintaxe do da array JSON nos primeiros campos pra testar... Arquivo montajson.php $juntatudo = "{id_secao:". $id_secaoajax.",secao_existente:".urlencode($array_secao['secao_existente']).",'avaliacao':'". $classificacao."','css':'".$css."','fotos':"; $array_secao = mysql_fetch_array($query_secao); while ($_fotos = mysql_fetch_array($query_fotosecao)){ $junta_fotos.= $junta_fotos."{'foto_secao':'". $_fotos['fotosecao']."'},"; } $junta_fotos = substr($junta_fotos, 0, -1); $junta_fotos = "[".$junta_fotos."]"; $juntatudo .= $junta_fotos; $juntatudo.= ",'topicos':["; while ($cont <= $qtd_secao){ $id_topico = $array_secao['id_topico']; $juntatudo.= "{'id_topico':'".$array_secao['id_topico']."','tipo':'". $array_secao['tipo_topico']."','descricao_topico':'".urlencode($array_secao['descricao_topico'])."','respsimnao_topico':'". $array_secao['respsimnao_topico']."','resptexto_topico':'". $array_secao['resptexto_topico']."','pontoverif':["; $fotostop = array(); // Faz o loop que monta os dados de cada seção while ($cont <= $qtd_secao && $id_topico == $array_secao['id_topico']) { $id_pontoverif = $array_secao['id_pontoverif']; $juntatudo.= "{'descrica_pontoverif':'".urlencode($array_secao['descrica_pontoverif'])."',"; $juntatudo.= "'fotos': ["; $fotopt = ""; while($cont <= $qtd_secao && $id_topico == $array_secao['id_topico'] && $id_pontoverif == $array_secao['id_pontoverif']){ $fotopt = $fotopt."{'foto_pontoverif': '". $array_secao["fotopontoverif"]."'},"; if(!in_array($array_secao['foto_topico']) && $array_secao['foto_topico'] != null){ $fotostop[] = $array_secao['foto_topico']; } $array_secao = mysql_fetch_array($query_secao); $cont++; }// fim do segundo while $fotopt = substr($fotopt,0,-1); $juntatudo .= $fotopt . "]},"; }// Fim do primeiro wihle $juntatudo = substr($juntatudo,0,-1); //$juntatudo .= "]},"; $total_fotostop = count($fotostop); $junta_fotostop = ""; for($i=0; $i < $total_fotostop; $i++){ $junta_fotostop .= "{'foto_topico':'". $fotostop[$i] ."'},"; } $junta_fotostop = substr($junta_fotostop,0,-1); $juntatudo .= "], 'fotos':[". $junta_fotostop ."]},"; } $juntatudo = substr($juntatudo,0,-1); $juntatudo.= "]}"; //echo "]}"; if ($cont <= $qtd_secao) $juntatudo.=","; //echo utf8_encode($juntatudo); echo json_encode($juntatudo); mysql_free_result($query_secao); mysql_close($link); On 6 ago, 14:01, Giovanni<giovannido...@gmail.com>wrote:o echo json_encode() está certo..... mas então posta aqui como vc monta seu array ou manda o arquivo em PHP.... Abraços, Giovanni jackburx escreveu:Ainda estou recebendo "undefined" no alert... mesmo tendo usado o seu código, mesmo arrumando o meu arquivo php que gera o json, lembrando que para montar esse JSON, eu simplesmente uso no final do php o comando "echo json_encode($juntatudo);" e estou chamando o arquivo php com o getJSON.. como vc pode ver no codigo abaixo: jQuery(document.body).ready(function(){ $("#container-1 > ul").tabs({ fx: { opacity: 'toggle' }}); carrega = function (id){ jQuery.getJSON("montajson.php", {id_secao:id}, function(data){ alert(data.idsecao); alert(data.fotos); for(x in data.fotos){ alert(data.fotos[x].foto_secao); } $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }); } }); On 6 ago, 12:56, Giovanni<giovannido...@ gmail.com>wrote:avisa "nois" se der certo.... jackburx escreveu:Ainda não funcionou... pq ele não está retornando o valor do "id_secao" como deveria, oque eu preciso é acessar os valores da array "data", mas não estou sabendo fazer isso. Mas na linha onde uso text(data)... ele retorna a array inteira gerada pelo arquivo php. Ainda não consegui fazer oq preciso.... Vlw... On 6 ago, 11:09, Giovanni<giovannido...@gmail.com>wrote:faça mais bonitinho.......rsrsrs$(document.body).ready(function(){ carregaID = function (id){ $.get("montajson.php", {id_secao:id}, function(data){ alert( data.id_secao ) ; //veja se "fununcia" assim.... $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); //exemplo de tentativa de acessar os dados }); } }); ainda não compreendi muito b em o que vc deseja.... espero ter ajudadojackburx escreveu:Olá pessoal Esta é a umas das primeiras participações minhas na lista. Estou começando a utilizar Jquery pra valer, e me deparei com a necessidade de montar uma página html usando os dados recebidos de um array JSON que é montado por um arquivo php. A minha dúvida é como acessar os valores dessa array pra montar nas respectivas DIVs os valores dos campos dessa array ? Aqui está um exemplo da array que recebo: "{'id_secao':'113969','secao_existente':'','avaliacao':'REGULAR','css':'aval_regular_on','fotos': [],'topicos':[{'id_topico':'182','tipo':'3','descricao_topico':'Ag %EAncias+pr %F3ximas','respsimnao_topico':'0','resptexto_topico':'','pontoverif': [{'descrica_pontoverif':'Conveniência','fotos': [{'foto_pontoverif': ''}]}]}" Exempo de como estou chamando os dados via ajax e tentando monta r ainda sem sucesso: function carrega(id){ $.get( "mo ntajson.php?id_secao="+id, {}, function(data){ $("#conteudo").text(data); // este linha aqui é só pra ver como a array está chegando $("#conteudo").wrap("<div>"+data.fotos[1].foto_secao+"</div>"); // exemplo de tentativa de acessar os dados }) } Agradeço se puderem me ajudar... abs-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342MSNgi...@hotmail.com-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSNgiova...@hotmail.com
Obrigado pelas dicas, eu não sabia usar o json_encode do php
corretamente. Agora como sou praticamente um leigo em jQuery ainda,
gostaria de mais uma dica, que comando eu devo usar sempre que quiser
substituir o conteudo de uma DIV com o retorno do Json? Eu estou
usando wrap para inserir o conteudo mas parece que não está rolando
como eu quero... como vc faria?
Abs
On 6 ago, 16:39, Giovanni <giovannido...@gmail.com> wrote:
> faltou, tira o json_encode e deve funcionar se não funcionar vc está escrevendo o json errado....
Giovanni
Aug 7, 2008, 10:25:41 AM8/7/08
to jque...@googlegroups.com
se for retornar um html já montado,
vc pode usar assim
$("#DIV").load("pagina_que_monta_html.php");
para ficar mais bonito ainda, poderia ser assim
$("#DIV").hide().load("pagina_que_monta_html.php",function(){ $(this).show(); });
ou seja, ele vai mostrar assim que o conteudo estiver carregado já na div. mais ou menos isso...rsrs..
se vc for passar um parametro para ter uma resposta, mas na mesma ideia de carregar um HTML pronto
$("#DIV").post("pagina_que_monta_html.php",{id:$("#id").val()}); // os parametros são opcionais
$("#DIV").post("pagina_que_monta_html.php",function(){ // faz alguma coisa });
ou trocar o POST por GET !!! depende de cada caso.
json vc usaria para POVOAR um SELECT do html por exemplo, pois ele retornaria o ID e o VALOR para vc montar o select
vc vai pegar a manha de uso com o tempo, não tem como passar "as dicas" ou melhor forma de fazer,
mas a cada nova necessidade sua com jquery, consulte sempre nossa lista
tem muita gente que manja aqui e que pode dar diferentes visões para alcançar os objetivos e claro, ajudar vc !!
estou estudando EXTJS para desenvolver interfaces de sistemas e integrar com jQuery !! vale a pena dar uma olhada...
pesquisa na net pelo CHM do jquery, é um help onde vc tem todas as funções e o que elas fazem com exemplos...
ajuda pacas para consultas....
Abraços
Giovanni
jackburx escreveu:
$("#DIV").load("pagina_que_monta_html.php");
para ficar mais bonito ainda, poderia ser assim
$("#DIV").hide().load("pagina_que_monta_html.php",function(){ $(this).show(); });
ou seja, ele vai mostrar assim que o conteudo estiver carregado já na div. mais ou menos isso...rsrs..
se vc for passar um parametro para ter uma resposta, mas na mesma ideia de carregar um HTML pronto
$("#DIV").post("pagina_que_monta_html.php",{id:$("#id").val()}); // os parametros são opcionais
$("#DIV").post("pagina_que_monta_html.php",function(){ // faz alguma coisa });
ou trocar o POST por GET !!! depende de cada caso.
json vc usaria para POVOAR um SELECT do html por exemplo, pois ele retornaria o ID e o VALOR para vc montar o select
vc vai pegar a manha de uso com o tempo, não tem como passar "as dicas" ou melhor forma de fazer,
mas a cada nova necessidade sua com jquery, consulte sempre nossa lista
tem muita gente que manja aqui e que pode dar diferentes visões para alcançar os objetivos e claro, ajudar vc !!
estou estudando EXTJS para desenvolver interfaces de sistemas e integrar com jQuery !! vale a pena dar uma olhada...
pesquisa na net pelo CHM do jquery, é um help onde vc tem todas as funções e o que elas fazem com exemplos...
ajuda pacas para consultas....
Abraços
Giovanni
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
Giovanni
Aug 7, 2008, 10:30:25 AM8/7/08
to jque...@googlegroups.com
faltou, explora o site aptana.com,
essa IDE para desenvolver jQuery é excelente....porém pesada...
eu a uso somente para javascript, nela, uso o Control+Alt+F no javascript selecionado e ela
formata o código num esquema de fácil entendimento, o código sem formatação ninguém merece...
dá uma estudada na "notação Hungara" para padrão de nomenclatura, vale a pena...
é mais ou menos isso
$junta_tudo = horrivel....
$aJuntaDadosClientes = Melhor entendimento, por que, porque:
$a = Array
JuntaDadosClientes = um Array que terá Dados de Clientes
outro exemplo:
$nome = horrivel, é um nome de que ? fica vago....
agora
$FsNome = melhor entendimento onde
$F = Variavel que vem de um formulário
s = Tipo String
Nome = Um nome do tipo String que vem de um formulário........
espero ter ajudado...
Abraços,
jackburx escreveu:
eu a uso somente para javascript, nela, uso o Control+Alt+F no javascript selecionado e ela
formata o código num esquema de fácil entendimento, o código sem formatação ninguém merece...
dá uma estudada na "notação Hungara" para padrão de nomenclatura, vale a pena...
é mais ou menos isso
$junta_tudo = horrivel....
$aJuntaDadosClientes = Melhor entendimento, por que, porque:
$a = Array
JuntaDadosClientes = um Array que terá Dados de Clientes
outro exemplo:
$nome = horrivel, é um nome de que ? fica vago....
agora
$FsNome = melhor entendimento onde
$F = Variavel que vem de um formulário
s = Tipo String
Nome = Um nome do tipo String que vem de um formulário........
espero ter ajudado...
Abraços,
jackburx escreveu:
-- Giovanni Donda Desenvolvedor Web ___________________________________ Linux User #476342 MSN giovan...@hotmail.com
Jean
Aug 7, 2008, 11:43:34 PM8/7/08
to jque...@googlegroups.com
Peor q eu conheço ma stenho preguiça auhuaha
porem qnd eu fizer meu framework vou ter q padronizar assim =p
porem qnd eu fizer meu framework vou ter q padronizar assim =p
Reply all
Reply to author
Forward
0 new messages