Ajax y parser html

nanshan · #1 (**permalink**) 21/09/2011, 10:41

Hola buenas, tengo un problema y es que hago una peticion con Ajax a un html que tiene dentro un JSON de esta manera:

Código:

<!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>
</head>
<body>
<xmp style="display:none" id="data">
{
    "glossary": {
        "title": "example glossary",
		"GlossDiv": {
            "title": "S",
			"GlossList": {
                "GlossEntry": {
                    "ID": "SGML",
					"SortAs": "SGML",
					"GlossTerm": "Standard Generalized Markup Language",
					"Acronym": "SGML",
					"Abbrev": "ISO 8879:1986",
					"GlossDef": {
                        "para": "A meta-markup language, used to create markup languages such as DocBook.",
						"GlossSeeAlso": ["GML", "XML"]
                    },
					"GlossSee": "markup"
                }
            }
        }
    }
}
</xmp>
</body>
</html>

Como se ve, la etiqueta <xmp style="display:none" id="data"> envuelve al JSON, ¿como puedo hacer un parser para obtener solamente lo que hay dentro de esa etiqueta? es decir obtener solo el JSON usando una llamada de ajax como la siguiente:

Código:

$.ajax({
	  	url: data.html
		success: function(r){
    }            
});

Gracias, un saludo :)

#2 (**permalink**) 26/09/2011, 10:21

Creo que tienes que usar un objeto XMLHttpRequest, es decir, no lo puedes hacer con jquery. Me explico:

Código Javascript:

Ver originalvar xmlhttp = createRequestObject();//con esto creas el objeto xmlhttp (escribe antes la funcion)
 
xmlhttp.onreadystatechange = function(){
    //aqui pones el parser
};
xmlhttp.open('GET','data.html');
xmlhttp.send(null);

Saludos

nanshan · #3 (**permalink**) 27/09/2011, 03:17

Hola, gracias por responder, pero es que no se como realizar un parser para obtener el div :/
Se supone que con document.getElementById('data'); pero no consegui nada todavia...

Un saludo ;)