Tutorial JQuery Ajax – Parser xml simples

3 09 2009

Boa tarde ae a todos

Hoje vo passar aqui um parser de xml com ajax e jquery bem simples e fácil de fazer.

Amanhã vo passar um para criar e montar o xml com mysql e php

bom é simples o código

$.ajax({ //Inicio do evento
type: “GET”, //Metodo que o ajax vai utilizar para pegar a informção

url: “noticia.xml”, //Caminho do arquivo
dataType: “xml”, //Tipo dos dados
success: function(xml) { //Se for bem sucedido
$(xml).find(“noticia”).each(function(){ //Agora o jquery vai procurar cada sessão do xml no caso aqui é a tag noticia que tem como filhas as tags titulo e texto
var titulo = $(this).find(“titulo”).text(); //A variavel que recebe o conteudo da tag titulo
var texto = $(this).find(“texto”).text(); //A variavel que recebe o conteudo da tag texto
noticia += “<strong>”+titulo+”</strong><br><br>”+texto;//Aqui ele monta o texto da noticia pode ser do jeito que você precisar colocar dentro de div lista tanto faz rs
}); //Fecha o laço
} //Aqui eu coloquei só no caso de sucesso aqui você pode continuar o ajax no caso de erro
}); //Fecha o ajax

Bom o código é simples pode ser personalizado sem problemas

Se tiver dúvida pode deixar um comentário

Até!

Webtutoriais:2ED55B30


Ações

Informação

3 respostas

19 10 2009
Tutorial JQuery – função find().each() do jquery « Tutorias para Web

[...] um exemplo um pouco mais elaborado que eu peguei aqui no blog mesmo do parser de xml com jquery neste post ele faz o seguinte: pega o xml que é o arquivo definido previamente como vocês podem ver lá no [...]

22 02 2010
Diego

Como eu interagir xml com html?
obrigado

22 02 2010
andreluizrodper

Como você quer interagir? XML eu uso para conteúdo como é mostrado aqui no tuto mesmo ai para montar o xml tem um outro post aqui no blog que ensina mas para estrutura HTML tem que ser ou php ou HTML mesmo

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s




Seguir

Obtenha todo post novo entregue na sua caixa de entrada.