javascript - 如何使用 javascript 或 jQuery 解析 html 内容

Question

有没有办法使用javascript解析html内容？

我需要仅将其他站点的 div 显示到我的站点中。那可能吗？例如，考虑我只想在我的网站中显示 w3schools.com 的 div#leftcolumn。这可能吗？

如何使用 javascript 或 jQuery 执行相同操作？

谢谢。

Answer 1

您需要查看Same Origin Policy :

In computing, the same origin policy is an important security concept for a number of browser-side programming languages, such as JavaScript. The policy permits scripts running on pages originating from the same site to access each other's methods and properties with no specific restrictions, but prevents access to most methods and properties across pages on different sites.

为了能够获取数据，它必须是:

相同的协议(protocol)和主机

您需要实现 JSONP来解决它。

<小时/>

尽管在相同的协议(protocol)和主机上，jQuery 有 load()您将像这样使用函数:

$('#foo').load('somepage.html div#leftcolumn', function(){
  // loaded
}); 

<小时/>

另一种可能的解决方案(未经测试)是使用服务器端语言，并且您不需要 jsonp。这是一个 PHP 示例。

1)创建一个名为ajax.php的php页面，并在其中添加以下代码:

<?php
  $content = file_get_contents("http://w3schools.com");
  echo $content ? $content : '0'; 
?>

2)在某个页面上，放置以下代码:

$('#yourDiv').load('ajax.php div#leftcolumn', function(data){
    if (data !== '0') { /* loaded */ }
}); 

确保:

• 您指定了 ajax.php 文件的正确路径
• 你有allow_url_fopen从 php.ini 打开。
• 将 yourDiv 替换为您想要将收到的内容放入的元素的 id