visualizza codice HTML di risposta restituito da ajax, Jquery

Question

Ho una funzione jQuery AJAX che recupera alcuni markup HTML e li visualizza sulla pagina. Vorrei anche mostrare il codice html di questo HTML restituito. Ho cercato una soluzione ma non ne ho trovata nessuna. Qualcuno può aiutarmi per favore. Molte grazie

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

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

Answer 1

provare a utilizzare la funzione text(). Questo sfuggirà e visualizzerà il codice 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); 
}); 

Answer 2

Mettere l'output in una textarea. Manterrà la formattazione. (se l'HTML contiene una textarea, dovrai prima scappare).

Answer 3

È possibile provare a utilizzare l'escape sui dati HTML. Prova questo

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

Answer 4

Il codice restituito e visualizzato dal AJAX è creato e l'uscita dallo script PHP che si sta chiamando. Dovrebbe essere presente tutto il codice, quindi potrebbe essere necessario regolare l'output del PHP per includere gli elementi desiderati.

Cosa fa la pagina PHP? lavoro di database? interrogare e visualizzare i risultati? ciò che dovresti vedere nei risultati AJAX è la stessa cosa che avresti se avessi provato lo script php da solo.

Answer 5

È possibile circondare il vostro HTML con "codice" e dovrebbe visualizzarlo come è senza rendering html:

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

Answer 6

dal codice sembra che questo viene rinviato da un file PHP , in tal caso, potresti semplicemente utilizzare una delle funzioni htmlentities di PHP per convertire il risultato prima di inviarlo alla funzione Ajax, e verrà visualizzato correttamente, preferibilmente in un tag pre html.

Si dovrebbe anche usare jQuery text() e non html().

Se si desidera evidenziare la sintassi, numeri di riga e molte altre cose, GeSHi e Syntax Highlighter viene utilizzato da molti siti per visualizzare frammenti di codice.