使用 JavaScript 从网站获取特定内容

Question

我想使用 JavaScript 从另一个网站获取内容。我已经搜索了代码片段并找到了这个 http://www.w3schools.com/xml/tryit.asp?filename=try_dom_xmlhttprequest_responsetext 我更改了一些值，它适用于我使用的网站。当我运行这段代码时，浏览器告诉我不允许我从该网站获取内容，所以我插入： "header("Access-Control-Allow-Origin: http://... .")" 在网站的 php 部分，它有效但显示了页面的所有内容，现在我想从所有内容中过滤出 div 并仅显示 div。有没有一种简单的方法可以使用 JS/Jquery 来做到这一点？

这是我的代码：

function loadXMLDoc(){
  xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      document.getElementById("demo").innerHTML = xmlhttp.responseText;
    }
  };
  xmlhttp.open("GET", "http://.....", true);
  xmlhttp.send();
}

我想问题是我必须先从其他网站加载内容，然后运行一段代码来过滤演示块中的内容。

Answer 1

"Is there an easy way...to filter...."

不是"easy"，就其本身而言。你想要什么"filter"？

为了编辑/操作返回的信息，你有这个：

document.getElementById("demo").innerHTML = xmlhttp.responseText;

你会这样做：

var content = xmlhttp.responseText; 
// filter content with your code here;
document.getElementById("demo") = content;

注意：如果您使用的是 jQuery（您的问题包含 jQuery 标签），那么代码会变得更简单：

jQuery.ajax("http://www.urltoajax.com", {
    success: function(content) {
            // filter content with your code here
            // Example:
            content = $(content).find('my_elem').text();
            // Then apply / append it to the element.
            jQuery("#demo").html(content);
        }
});

使用 JavaScript 从网站获取特定内容

Get specific content from a website using JavaScript

javascript

jquery

xmlhttprequest