javascript - 使用 JavaScript 提取标题的同源策略

Question

我想使用带有 JQuery 的 JavaScript 从 HTML 页面中提取标题，如

$.get('page.html', function(text) {
  var pagetitle = $(text).title;
});

这样当用户在文本框中输入 URL 时，我可以在另一个文本框中显示标题。但是如果页面在我的域之外，这将不起作用，例如www.google.com，因为同源策略。还有其他方法可以实现此功能吗？这不是一个关键的功能，但我想问一下，以防万一。

Answer 1

您必须有一个服务器端“代理”，它会出去并获取页面，然后将其返回给 jQuery 进行处理。如果您在客户端环境中运行它（即本地 PC 上的纯 HTML 文件），那么确实没有一种简单的方法可以做到这一点。

一个基本的 PHP 脚本看起来像这样：

<?php
echo file_get_contents($_REQUEST["url"]);
?>

注意：这是您所要求的基本演示。仅此一项本身就可能带来某种安全风险。本文介绍了一种更好的方法。

另外，虽然我没有运行你的代码，但我觉得它应该更像这样：

$.get('page.html', function(text) {
    var pagetitle = $(text).find("title").text();
}, "html");

Answer 2

你可以解决它！

<script src="http://kincrew.github.com/xReader/xReader.full.js"></script> 
<script type="text/javascript"> 
xReader("http://www.google.com", "title/text()", function(data) { 
    alert(data.content); 
})
</script>

看看xReader