使用 jquery 从 ajaxed 正文中提取文本

Question

我正在尝试从通过 ajax 下载的正文中提取文本。

我无法将此新正文注入 iframe 或我的元素之一，因为其中的脚本可能会破坏我的页面。

我希望为我分叉的是：

$.ajax({ type: "GET",
  dataType: "text", /* this will avoid evaluating scripts */
  url: href,
  success: function (data) {
    var body = data.split('<body').pop().split('</body>')[0];
    if (body) {
      body = '<body' + body + '</body>';
      var pageText = $(body).find("style").remove().end()
          .find("script").remove().end()
          .find("noscript").remove().end()
          .text().replace(/\s{2,}/gi, " ").toLowerCase();
      if (pageText.length > 0)
          console.log(pageText);
});

我尝试将下载的正文放入 DIV 元素，因为 jQuery 忽略了 BODY，将 find.remove 替换为 detach 但没有多大成功。

有没有标准的解决方案？

谢谢

Answer 1

jQuery.load() 为您完成所有工作（删除脚本并选择性地仅捕获所需的片段）。

例如

$('#result').load('ajax/test.html #container');

从 url ajax/test.html 将 id 为 container 的元素的内容加载到 id 为 result 的元素（在当前页面上）。

Answer 2

jQuery 不会忽略正文，请参阅here。

这不行吗？

$.ajax({ type: "GET",
  dataType: "text", /* this will avoid evaluating scripts */
  url: href,
  success: function (data) {
    var $data = $(data);
    var newHTML = $("body", $data).html();
    $("body").html(newHTML);  
  }
});