4

Quería realizar una consulta en JSON y que devolviera una estructura en HTML. El problema está que cuando voy a visualizarlo desde el navegador, me imprime por pantalla el texto del JSON en un <H2>. Y claro, me gustaría que me devolviera el json con la estructura. Supongo que habrá que escapar alguna barra y algo más, pero no consigo que funcione correctamente y se muestre tal cual el JSON por el navegador.

Mi jSON

{
  "Mipalabra":"<h2>Hola Mundo</h2>"
}

Lo he intentado escapar añadiendo una barra invertida, pero sigue mostrando el H2 como si fuera un HTML y no un jSON

 {
  "Mipalabra":"<h2>Hola Mundo<\/h2>"
}

Así es como se ve el json interpretado por el naveagador:

{
  "Mipalabra":"<h2>Hola Mundo</h2>"
}

Aclaro que no estoy usando Ajax

3
  • Hola, esto vuelve de un AJAX?
    – Srsole
    Commented el 8 ago. 2019 a las 9:45
  • 1
    Por favor, esita tu pregunta y agrega el código donde imprimes el texto. Se me ocurre que el problema está ahí
    – Marcos
    Commented el 8 ago. 2019 a las 10:14
  • 1
    El codigo es a mano, ya que estoy haciendo pruebas, la manera de hacerlo correctamente es como menciona el compañero @the-breaker La solucion es añadir:: &lt;h2>Hola Mundo&lt;/h2>
    – Fumatamax
    Commented el 8 ago. 2019 a las 10:46

2 respuestas 2

3

Si el json lo estas obteniendo con php, puedes agregar la siguiente linea al inicio antes de mostrar el json:

<?php header('Content-Type: application/json'); ?>

De ese modo el navegador no lo interpretará como contenido html.

Otra solución simple puede ser cambiar todos los < por &lt;, el resultado te quedara de la siguiente forma:

{
  "Mipalabra":"&lt;h2>Hola Mundo&lt;/h2>"
}

Si también quieres que se mantenga la indentación y saltos de linea puedes usar <pre>:

<pre>
{
  "Mipalabra":"&lt;h2>Hola Mundo&lt;/h2>"
}
</pre>

Espero te sea de ayuda, saludos.

2
  • 1
    Gracias compañero, al final lo he solucionado sustituyendo < por &lt;
    – Fumatamax
    Commented el 8 ago. 2019 a las 10:47
  • @Fumatamax de nada, que tengas buen día. Commented el 8 ago. 2019 a las 10:49
3

Es porque cuando estas haciendo la llamada te devuelve el html mira de cambiarle el ContentType de la llamada a "application/json". De esta manera siempre te develovera el JSON. No se si estas programando en .Net o en PHP en .Net tendas que ponerle el contentype a lo que te digo en PHP devuelve el JSON tal cual con un echo.
Si haces la llamada en AJAX, yo lo hago asi:

cache: false,
data: JSON.stringify(request),
dataType: "json",
contentType: "application/json; charset=utf-8"
2
  • Si hace la llamada con AJAX tiene que poner: dataType: JSON en los parametros de la llamada.
    – Srsole
    Commented el 8 ago. 2019 a las 10:15
  • 2
    En ningun momento he dicho nada de AJAX, simplemente es un json escrito a pelo.
    – Fumatamax
    Commented el 8 ago. 2019 a las 10:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.