mostrar código de respuesta html devuelto por ajax, Jquery

Tengo una función jquery AJAX que recupera algunas marcas HTML y las muestra en la página. También me gustaría mostrar el código html de este HTML devuelto. He buscado una solución pero no he encontrado ninguna. Puede ayudarme alguien, por favor. Muchas graciasmostrar código de respuesta html devuelto por ajax, Jquery

$.post('get_news.php', $("#gifForm").serialize(), function(data) { 
    //Show HTML 
    $('#output').html(data); 

    //Show HTML code 
    $('#output_code').html(data); 
});

Fuente

2012-01-17 user1038814

Por código html ¿quiere decir que literalmente quiere que la página web muestre '

' o prefiere que represente el div? – Tomas

Mire esta [pregunta] (http://stackoverflow.com/q/24816/617996). – PrimosK

intente utilizar el texto() función. Esto escapará y mostrará el código html. http://api.jquery.com/text/

$.post('get_news.php', $("#gifForm").serialize(), function(data) { 
    //Show HTML 
    $('#output').html(data); 
    //Show HTML code 
    $('#output_code').text(data); 
});

Fuente

2012-01-17 20:04:13 user316914

Quizás esto sea obvio, pero para mostrar el código HTML, a menudo querrá que el nodo '# output_code' sea una etiqueta' pre' para que se muestren los espacios y saltos de línea. – nobar

Coloque la salida en un área de texto. Mantendrá el formateo. (Si el HTML contiene un área de texto, primero tendrá que escapar).

Fuente

2012-01-17 20:00:19

Puede intentar utilizar escape en los datos HTML. Prueba este

$.post('get_news.php', $("#gifForm").serialize(), function(data) { 
    //Show HTML 
    $('#output').html(data); 
    //Show HTML code 
    $('#output_code').html(escape(data)); 
});

Fuente

2012-01-17 20:01:10 ShankarSangoli

El código regresó y está representada por el AJAX es cualquier cosa creada y la salida por el script PHP que está llamando. Todo el código debe estar presente, por lo que puede necesitar ajustar la salida de PHP para incluir los elementos que desee.

¿Qué hace la página PHP? trabajo de base de datos? consulta y visualización de resultados? Lo que debería ver en los resultados de AJAX es lo mismo que obtendría si probara el script de PHP por sí mismo.

Fuente

2012-01-17 20:01:12 Silvertiger

Puede poner en su html con "código" y debe mostrar tal cual sin que el html:

$('#output_code').html("<code>" + data + "</code>");

Fuente

2012-01-17 20:05:06

No creo que esto funcione. – nobar

Desde su código se parece a esto se envía de nuevo a partir de un archivo PHP De ser así, podría usar una de las funciones de htmlentities de PHP para convertir el resultado antes de enviarlo nuevamente a la función Ajax, y se mostrará muy bien, preferiblemente en una etiqueta previa html.

También debe usar jQuery text() y no html().

Si desea resaltado de sintaxis, números de línea y muchas otras cosas, GeSHi y Syntax Highlighter son utilizados por muchos sitios para mostrar fragmentos de código.

Fuente

2012-01-17 20:07:08 adeneo

mostrar código de respuesta html devuelto por ajax, Jquery

Respuesta

Cuestiones relacionadas