2012-09-11 32 views
0

我得到了條件,我需要使用ajax請求頁面。並且我得到HTML作爲結果。解析這些HTML結果,並將解析的HTML內容附加到當前頁面。解析ajax HTML響應,並附加結果

咱們說這個HTML內容是一個要求:

<html> 
<head></head> 
<body> 

<div id="main"> 
<script type="text/javascript" src="http://script.com/js/script.js"></script> 
</div> 

</body> 
</html> 

如何分析#main id選擇(包括JavaScript文字)比追加它目前的HTML的一部分。

jQuery.ajax({ 
    url: requestedurl, 
    type : "POST", 
    dataType : "text", 
    success: function(data) { 
     console.log(jQuery(data).find("#main")); 
     // than append 
    } 
}); 

是不是更好地解析使用jquery,但正則表達式?非常感謝你的幫助。

ps:我嘗試使用jquery加載結果,我得到文本節點內容等,不幸的是我不知道如何解析它。 :(

+0

_「是它最好不要使用jQuery,但正則表達式解析?」 _絕對不是。使用jQuery。你試過'jQuery(data).find(「#main」)。appendTo(「body」);' – nnnnnn

+0

那麼該怎麼做?當我加載這些HTML,我只得到文本節點的內容,並且javascript標記消失:( –

回答

1

改變你的dataType從 「文」 到 「HTML」

+0

當我嘗試執行'console.log(jQuery(data).find(「#main」)); while while dataType是HTML:( –

+0

conosle.log($(data)),看看你得到了什麼。這聽起來像你的html是錯誤的。如果#main是根元素,那麼不需要.find() – arhea

+0

結果從開始標籤,直到標籤。當我做loging時,結果是文本節點。我不知道這個文本節點是什麼。 –

0

您應該跳過textnode。

我在控制檯得到[ Text, <div id=​"main">​</div>​, <script type=​"text/​javascript" src=​"http:​/​/​script.com/​js/​script.js"></script>​, Text]

所以剛jquery(data)[1]

我在test.html中嘗試了和你一樣的事情:

<html> 
<head></head> 
<body> 

<div id="main"> 
<script type="text/javascript" src="http://script.com/js/script.js"></script> 
</div> 

</body> 
</html> 

,並在另一個文件

<script type="text/javascript"> 
    $(document).ready(function(){ 
     jQuery.ajax({ 
     url: './test.html', 
     type : "POST", 
     dataType : "html", 
     success: function(data) { 
      console.log(jQuery(data)[1]); //Then i got the main div 
      // than append 
     } 
    }); 
    }); 
    </script> 
+0

你可能需要獲得'jQuery(data)[2]''以便追加。因爲它是腳本在主分區內, – Elyx0

+0

好,它很好,但是我找不到任何

  • 11. 將url加載到AJAX而不是點擊並解析結果?
  • 12. AJAX .html(響應)沒有加載響應
  • 13. 將HTML附加到JQuery響應對象
  • 14. $附加ajax html響應時未定義錯誤?
  • 15. 使用jquery將事件附加到平面ajax響應html
  • 16. 附加解析的json到html
  • 17. 將ajax結果附加到div
  • 18. 將AJAX結果附加到列表中
  • 19. 爲什麼我無法在jQuery中解析Ajax html GET響應?
  • 20. jQuery的Ajax響應解析HTML和開放,在彈出的
  • 21. 無法從AJAX響應中解析XML
  • 22. 在jquery中解析ajax響應
  • 23. Django jQuery AJAX POST響應 - 解析JSON
  • 24. jquery laravel獲取ajax解析響應
  • 25. 在回調中解析AJAX響應
  • 26. 如何用jQuery ajax解析asp響應?
  • 27. dataTables正確解析json響應從ajax
  • 28. 解析AJAX響應中的JSON內容
  • 29. 解析unkwon響應表AJAX的jQuery
  • 30. 如何解析jquery ajax xhtml響應?