Probá así:
menu.xml: Código PHP:
<?xml version="1.0" encoding="utf-8"?>
<pie>
<dia> 1 </dia>
<comida>Lentejas, si las quieres las tomas y si no las dejas</comida>
<merienda>Lentejas frías</merienda>
<dia> 2 </dia>
<comida>Lenteja de ayer recalentadas</comida>
<merienda>Lentejas de ayer frías</merienda>
<dia> 3 </dia>
<comida>jejeje, Lentejas de anteayer chamustadas.</comida>
<merienda>joeeeeer, lentejas de anteayer frías</merienda>
</pie>
menu.html: Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function http(){
if(typeof window.XMLHttpRequest!='undefined'){
return new XMLHttpRequest();
}else{
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
alert('Su navegador no soporta AJAX');
return false;
}
}
}
function request(url,callback,params){
var H=new http();
if(!H)return;
var p='';
for(var i in params){
p+='&'+i+'='+encodeURIComponent(params[i]);
}
H.open('get',url+'?'+p+'&'+Math.random(),true);
H.onreadystatechange=function(){
if(H.readyState==4){
callback(H.responseXML);
H.onreadystatechange=function(){}
H.abort();
H=null;
}
}
H.send(null);
}
function setData(d){
var dia=d.getElementsByTagName("dia");
for (var i = 0,l=dia.length; i < l; i++) {
var menu_dia = dia[i].firstChild.data;
var menu_comida = d.getElementsByTagName("comida")[i].firstChild.data;
var menu_merienda = d.getElementsByTagName("merienda")[i].firstChild.data;
document.getElementById('datos').innerHTML += "dia: " + menu_dia + 'comida: ' + menu_comida + ' merienda: '+ menu_merienda+'<br />';
}
}
onload=function(){
request('menu.xml',setData,{});
}
</script>
</head>
<body>
<div id="datos"></div>
</body>
</html>