HTML obtener div

nanshan · #1 (**permalink**) 26/09/2011, 02:25

Hola, tengo un problema con este html, necesito obtener el JSON que hay dentro de la etiqueta <xmp style="display:none" id="data"></xmp> pero no consigo hacerlo.

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>

¿Alguna ayuda?

Muchas gracias, un saludo.

Panino5001 · #2 (**permalink**) 26/09/2011, 02:59

Fijate si te sirve:

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>

</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>

<script type="text/javascript">

alert(document.getElementById('data').innerHTML);

</script>

 
</body>

</html>

nanshan · #3 (**permalink**) 26/09/2011, 03:33

Si, me sirvio, pero ahora no puedo usar el JSON, cuando intento agarrar un dato, la consola de chrome dice "undefined".

Por que puede ser?

Gracias

Panino5001 · #4 (**permalink**) 26/09/2011, 03:43

Lo que obtuviste es un string, ahora hay que evaluarlo. Para los navegadores modernos posés usar Native JSON:
https://developer.mozilla.org/En/Using_native_JSON
Para navegadores antiguos, otras técnicas:
http://www.disegnocentell.com.ar/notas2.php?id=174

nanshan · #5 (**permalink**) 26/09/2011, 06:57

Ahora si lo consegui, muchas gracias por ayudarme, pero todavia tengo una ultima pregunta, si obtengo este html realizando una consulta con ajax como deberia hacer document.getElementById('data').innerHTML

Una llamada de ajax como esta:

Código:

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

Un saludo :)