6 replies to this topic

[Bruno Augusto]

Eu sei, eu sei...

AJAX - Asynchrounous JavaScript and XML

Eu uso a jQuery tanto para requisições AJAX como pela facilidade de seus seletores, efeitos e etc.

Eu queria saber uma coisa. Eu sei que AJAX envolve XML, mas SOMENTE XML?

E se eu quisesse retornar alguma outra coisa que não AJAX? Como, por exemplo, um bom trecho HTML para, quem sabe, um sistema de navegação por abas não obstrusivo, já que o Klaus Stilbuero não achei tão não obstrusivo assim

Eu sei que posso usar a propriedade html( valor ) da própria jQuery, mas não compreendo, XML não é HTML, não faz sentido.

Estou fazendo confusão no entendimento ou é realmente uma estrada de duas vias de possibilidades mesmo?

[§ Kenshin §]

tb sou novo em ajax, mas pelo que entendi, o xml se refere ao principal objeto usado, o xmlhttprequest.
agora nos diversos exemplos de utilizacao do ajax que vi, o retorno eh geralmente, um codigo html resultante de alguma consulta a banco de dados, ou outra fonte qualquer.

da uma olhada na sessao de ajax, principalmente nos topicos pendurados.

qualquer duvida, posta ai.

vlw

[bimonti]

Não necessariamente precisa ser XML, já que o objeto possui a propriedade "reponseText". Mas dê preferência ao XML. Usando DOM existe uma facilidade ao munipulá-lo. Se for para retorna HTML pode ser feito assim:

<arquivo>
  <noticia id="01">
  <![CDATA[
	<b>Texto</b>
  ]]>
  </noticia>
</arquivo>

[cruentus]

AJAX, assim como Web 2.0, é um termo praticamente marqueteiro que caiu na graça do povo... (a.k.a designers/desenvolvedores)

Como disse o bimonti, o certo seria usar XML pra isso. Mas a grande maioria simplesmente usa uma espécie de AJ (Asynchrounous JavaScript)

Eu mesmo raramente uso XML nos requests. Pra ser sincero, geralmente eu mando os valores que me interessam como texto, tipo JSON, parseio (nossa, que feio uhauhauha) e monto o HTML no JS mesmo, usando DOM.

[bimonti]

Eu pensei umas 20 vezes em JSON pra responder o tópico e acabei esquecendo. Tava apurado ontem ...

JSON também quebra um galho se você não utilizar XML. Tanto que linguagens como o PHP possuem funções para tal manipulação (encoder/decoder).

[Bruno Augusto]

Bem, como além do foco da dúvida ta,mbém envolve o framework jQuery, vamos ver um exemplo:

[codebox] $("#username").blur(function()
{
var username = $( "input[@name=username]" ).val();

if( username == "" )
{
$( "#user-OK" ).hide();
$( "#user-Erro" ).show();
$( "#add" ).attr("disabled","disabled");

}
else
{
$.post(
"admin.php?act=clients&section=check_username",
{
username: username
},
function( data )
{
var retorno = parseInt($(data, 'username').text());

if( retorno )
{
$( "#user-OK" ).hide();
$( "#user-Erro" ).show();
$( "#add" ).attr("disabled","disabled");
}
else
{
$( "#user-OK" ).show();
$( "#user-Erro" ).hide();
$( "#add" ).removeAttr("disabled");
}
}
);
}
});
[/codebox]
Nesse código meu eu valido o nome de usuário do site, para ver se está cadastrado ou não. Liberando ou negando o clique no botão.

Só que vejam o PHP que eu uso com ele:

[codebox] header( 'Content-type: text/xml' );

$query = mysql_query( checkUser( $_POST['username'] ), $GLOBALS['link'] ) or die( db_error( mysql_errno() ) );

$result = mysql_num_rows( $query );

print "<principal>\n\t<username>" . $result . "</username>\n</principal>";
[/codebox]
** Onde checkUser é uma função que empacota a consulta para ser usada em outros locais.

Aí eu usei um print ridículo. Poderia muito bem criar um template Smarty com cabeçalho XML para que omretorno ficasse separado do código tal qual o resto de todo o visual do sistema.

Mas, pensando no futuro que preciso de um sistema de navegação em abas (ainda citei no primeiro post o sistema do Klaus Stilbuero), como que ficaria NA JQUERY? São essas coisas que não consigo entender.

Enquanto não avanço no projeto, tudo que tenho são especulações sobre o que sei.

Eu, sempre que posso, prezo pela não obstruisividade, para que as coisas funcionem com e sem AJAX. Mas não tenho idéia de como fazer, como citado, uma navegação (com ou sem abas) em AJAX.

Coloco a URL no HREF? Para funcionar sem JavaScript.
Pelo JavaScript, pego o parãmetro HREF e uso para jogar o conteúdo em uma DIV (com append() ou html() )?
A página que abrirá virá desde <html> até <html>, mas eu só preciso do conteúdo de uma DIV específica. Como "detecto" essa DIV pelo $.post ou $.get?

São essas pequenas faltas de informação que podem fazer confusão.

[Alex Hiroshi]

Eu também tento deixar tudo funcionando com ou sem javascript, é melhor.
Quando é um sistema de navegação, eu coloco a url normal para a página que contém o conteúdo todo. Para fazer o script funcionar, eu mando o href do link para um arquivo que trata todos os ajax que preciso. Nesse arquivo eu pego o que preciso na url enviada e retorno o conteúdo.
Normalmente o que eu preciso sempre está em um banco de dados, então não tenho muito problema em exibir com o javascript ou em uma página normal, caso o javascript esteja desabilitado.

Como o conteúdo normalmente tem alguns htmls, eu prefiro usar o html().