jQuery AJAX：如何查詢返回的HTML文檔

Question

我的問題如下：我已經開始在jQuery中使用$ .ajax函數，並且想知道如何處理HTML頁面的返回。 請求完成，我可以console.log返回的HTML頁面，但是我現在想從該頁面中選擇一個元素。 我進行了幾次嘗試，包括：

$(data).find('p');

$('button').click(function() {

  $.ajax(funciton() {
  dataType: 'html',.
  url: 'localhost/sw',
  success: function(data) {
      // This is where I would like to select a element or node from the complete
      // returned html document
 });

});

我知道我可以簡單地使用.load（）來提供選擇條件，但是.ajax是開始的根函數，對於更復雜的查詢，我也想學習這種方式。 下半部分應該是我不應該嘗試以這種方式選擇元素，而只提供json或單個關鍵字而不是整個html頁面嗎？ 感謝所有幫助。

Answer 1

只需將返回的HTML傳遞給jQuery，並將其視為常規jQuery集合即可：

$.ajax({
    dataType: 'html',.
    url: 'localhost/sw',
    success: function (html) {
        var paragraphs = $(html).find('p');
        // Manipulate `paragraphs` however you like. For example:
        $(document.body).append( paragraphs );
    }
});

Answer 2

如果您只想獲取objects上述約瑟夫的答案是正確的。

但是，如果要加載該元素的內容，則可以更改以下內容：
var paragraphs = $(html).find('p');
至
var paragraphs = $(html).find('p').html();

希望能幫助到你。