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
    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
    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
    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
    el 8 ago. 2019 a las 10:47
  • @Fumatamax de nada, que tengas buen día. 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
    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
    el 8 ago. 2019 a las 10:48

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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