JulioGreff.net » xml http://juliogreff.net A mesma web, um novo estilo de desenvolvimento Sat, 07 May 2011 17:07:10 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 XML Sem Ajax http://juliogreff.net/xml-sem-ajax/ http://juliogreff.net/xml-sem-ajax/#comments Fri, 09 Feb 2007 20:15:36 +0000 Julio Greff http://www.juliogreff.blog.br/?p=61 Posts Relacionados]]> Ando meio relapso aqui no blog. A explicação é o jsFrameWorX, estou trabalhando direto com ele (a propósito, mudei a “documentação” para fora do script). O que escreverei hoje será a próxima função do bichinho.

Quem usa Ajax vai achar isso aqui loucura, quem sempre sonhou com XML direto no JavaScript vai ficar admirado (e não falo de E4X). Usaremos uma simples função chamada loadXMLDoc (achei na Internet, não sei o autor).

function loadXMLDoc(dname){var xmlDoc;// code for IE

if (window.ActiveXObject)

{

xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

}

// code for Mozilla, Firefox, Opera, etc.

else if (document.implementation && document.implementation.createDocument)

{

xmlDoc=document.implementation.createDocument("","",null);

}

else

{

alert('Your browser cannot handle this script');

}

xmlDoc.async=false;

xmlDoc.load(dname);

return(xmlDoc);

}

Esta acima é a gloriosa função. Ela não manterá a mesma forma no jsFrameWorX, e adicionarei algumas características. Assim como o responseXML do XmlHttpRequest, temos a disposição qualquer método DOM do XML. O que mais usaremos provavelmente será getElementsByTagName e getElementById, mas não vem ao caso.

Podemos usar tanto XML estático quanto dinâmico. Como? Lembra-se do Ajax sem o X? Usamos o mesmo princípio, passando query strings para um script no lado do servidor, ou mesmo sem query strings, mas com dados já coletados e guardados em algum lugar.

loadXMLDoc("xml_dinamico.php?qs=xml_dinamico");

Aí você pode trabalhar com XML como se estivesse dentro do script, sem precisar usar Ajax (ou o XMLHttpRequest), apesar de podermos fazer requisições síncronas e assíncronas. Esse XML pode ser usado de diversas maneiras: criar um gráfico, importar informações para uma aplicação, e, talvez no futuro, importar SVG direto no HTML.

Quem estiver interessado em XML DOM, visite o W3Schools. Quem ainda não conhece o site, visite, tem ótimos tutoriais sobre tudo que você imaginar (e um pouco mais).

Posts Relacionados

]]> http://juliogreff.net/xml-sem-ajax/feed/ 2 ResponseXML http://juliogreff.net/responsexml/ http://juliogreff.net/responsexml/#comments Mon, 04 Dec 2006 21:24:12 +0000 Julio Greff http://www.juliogreff.blog.br/?p=41 Posts Relacionados]]> Além de texto simples e JSON, existe outra maneira (e muito eficiente) de trocar dados em Ajax. Essa maneira chama-se XML, e considero-a a melhor maneira para trocas de dados mais complexas, envolvendo várias partes de dados.

O XML

Bem, XML já devia ser algo conhecido para você. Não precisa saber muito, só como colocar as tags e o CDATA (esse outro eu explico).

Qualquer XML válido (sem nenhum erro de “ortografia”) pode ser usado, mas uma certa padronização ajuda. Eu costumo sempre usar o seguinte XML, para quase todos meus trabalhos mais recentes:

<?xml version="1.0" encoding="iso-8859-1"?>
<ajax-response>
  <head></head>
  <body></body>
  <foot></foot>
  <other></other>
</ajax-response>

Esse é um código padrão que eu uso, sinta-se livre para mudá-lo. A tag head trará informações de cabeçalho (eu utilizo como <hN> ou mesmo no título da página). A tag foot trará informações de rodapé, mas nem sempre uso. A tag body traz tudo o que aparecerá na página, como todo mundo já usa. A tag other não costumo utilizar muito, apenas para trazer informações de script (arquivos a carregar, variáveis de funcionamento…). Dependendo de sua aplicação, você pode usar RSS, RDF, SOAP…

Como provavelmente incluiremos tags dentro dessas tags, que servirão para serem renderizadas, e não processadas, precisamos colocar elas dentro de uma seção CDATA. Ela faz com que o parser XML ignore tudo que estiver dentro. Use-a assim:

<body>![CDATA[
Aqui vão os dados
]]></body><

Recomendo que você use isso em head, body, foot e other, para evitar futuras dores de cabeça.

O JavaScript

Para recuperarmos esse XML, fazemos a requisição normalmente e pedimos responseXML, ao invés de responseText: var xml = [XHR].responseXML;.

Lembra-se de DOM? Vamos utilizá-lo aqui para “pegar” o que está em nosso XML. Tudo seria mais fácil se o IE suportasse E4X (posso sonhar, não?)… Ele é bem parecido com o HTML DOM, mas não me venha usar innerHTML (não testado, mas pela lógica: HTML!) e getElementById (também não testado. Se der certo, alguém me avisa! funciona sim, como o Micox disse nos comentários).

No básico, usamos isso:

var body = decodeURIComponent(xml.getElementsByTagName('body')[0].firstChild.data);

Tudo certo. Acabamos? Ainda não. No Firefox (não me pergunte por que), o CDATA é cortado a cada 4096 bytes (4Kb). Nesse caso, temos que pegar vários CDATA caso tenhamos mais de 4Kb. O código é esse:

for(var i=0; i <
xml.getElementsByTagName('body')[0].childNodes.length; i++) body += decodeURIComponent(xml.getElementsByTagName('body')[0].childNodes[i].data);
// Pegamos cada node e adicionamos na variavel

E pra que isso?

XML é muito usado em Web-services, por ser mais “padronizado” que texto (o SOAP é muito usado pra isso). Caso você queira um Leitor de RSS, é possível também. Um leitor de RDF, por que não? As utilidades são muitas.

O futuro (longínquo) da Web é XML. Seria bom que você aprendesse o “basicão” como eu. Além de ser legal, você verá que pode utiliza-lo em muitos lugares. E isso facilita e melhora o envio e recebimento de dados, dando a você muitas opções do que incluir ou não.

Update: o Bernardo fez um ótimo post sobre criar gráficos através de XML e Ajax. Lá tem mais umas vagas informações que não foram passadas aqui, leia lá!

Posts Relacionados

]]> http://juliogreff.net/responsexml/feed/ 8