顯示ajax返回的響應html代碼，jquery

我有一個jQuery AJAX函數，它檢索一些HTML標記並將其顯示在頁面上。我也想顯示返回的HTML的html代碼。我已經四處尋找解決方案，但沒有找到任何解決方案。有人可以請幫助。非常感謝顯示ajax返回的響應html代碼，jquery

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

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

來源

2012-01-17 user1038814

通過html代碼你的意思是說，你真的想讓網頁顯示'

'或者你想讓它呈現div嗎？ – Tomas 2012-01-17 20:01:57

看看這個[問題]（http://stackoverflow.com/q/24816/617996）。 – PrimosK 2012-01-17 20:03:50

嘗試使用文本（）函數。這將轉義並顯示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); 
});

來源

2012-01-17 20:04:13 user316914

也許這是顯而易見的，但爲了顯示HTML代碼，您通常希望'＃output_code'節點成爲'pre'標籤，以便顯示空格和換行符。 – nobar 2013-02-03 21:50:44

將輸出放在textarea中。它會保持格式。（如果HTML包含textarea，則必須先將其轉義）。

來源

2012-01-17 20:00:19

您可以嘗試在HTML數據上使用轉義。試試這個

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

來源

2012-01-17 20:01:10 ShankarSangoli

AJAX返回並顯示的代碼是任何由您調用的PHP腳本創建和輸出的代碼。所有的代碼都應該存在，所以你可能需要調整PHP的輸出以包含你想要的元素。

PHP頁面有什麼作用？數據庫工作？查詢並顯示結果？你應該在AJAX結果中看到的是你自己嘗試php腳本時得到的結果。

來源

2012-01-17 20:01:12 Silvertiger

你可以圍繞你的HTML用「代碼」，並作爲是不顯示HTML應該顯示它：

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

來源

2012-01-17 20:05:06

我不認爲這有效。 – nobar 2013-02-03 21:11:59

從你的代碼看起來這是從一個PHP文件送回，如果是這樣，你可以使用PHP的htmlentities函數之一來轉換結果，然後再發送回Ajax函數，它會顯示得很好，最好在html預標籤中顯示。

你還應該使用jQuery text（）而不是html（）。

如果您需要語法突出顯示，行數和其他大量內容，很多站點都會使用GeSHi和Syntax Highlighter來顯示代碼片段。

來源

2012-01-17 20:07:08 adeneo

顯示ajax返回的響應html代碼，jquery

回答

相關問題