FLWOR XQuery + HTML

Documento de exemplo XML

Continuaremos a usar o documento "books.xml" neste exemplo (o mesmo arquivo da seção anterior).

Veja o arquivo "books.xml" no seu navegador.

Submeta os resultados em uma lista HTML

Veja a expressão FLWOR de XQuery abaixo:

for $x in doc("books.xml")/bookstore/book/title
order by $x
return $x

A expressão acima seleciona todos os elementos title dentro dos elementos book do elemento bookstore e retorna os elementos title em ordem alfabética.

Agora, queremos usar uma lista HTML para exibir todos os títulos de livros em nossa livraria. Adicionamos as tags <ul> e <li> à expressão FLWOR:

<ul>
{
for $x in doc("books.xml")/bookstore/book/title
order by $x
return <li>{$x}</li>
}
</ul>

O resultado do código acima é:

<ul>
<li><title lang="en">Everyday Italian</title></li>
<li><title lang="en">Harry Potter</title></li>
<li><title lang="en">Learning XML</title></li>
<li><title lang="en">XQuery Kick Start</title></li>
</ul>

Agora, queremos remover o elemento title e mostrar apenas os dados dentro do elemento title.

<ul>
{
for $x in doc("books.xml")/bookstore/book/title
order by $x
return <li>{data($x)}</li>
}
</ul>

Os resultados serão uma lista HTML:

<ul>
<li>Italiano Di Tutti i Giorni</li>
<li>Harry Potter</li>
<li>Learning XML</li>
<li>kick Start do XQuery</li>
</ul>