javascript - 如何使用 JQuery/JS 获取给定 url(外部 url)的网页标题

Question

我是新手，如果这是一个愚蠢的问题，请原谅..

所以我尝试的是使用 JQuery/JS 获取 URL 的标题。我不想加载 url 的内容，然后解析其中的标签。

让我更清楚一点，我有一组 url，比如 20 个，我想为其显示标题..我指的网址不是当前网址，所以我不能使用 js document.title ..

所以我想做一些 SOMEFUNC.title(URL) 形式的事情并获得它的标题。有没有这个功能？

Answer 1

像这样的东西应该可以工作:

$.ajax({
  url: externalUrl,
  async: true,
  success: function(data) {
    var matches = data.match(/<title>(.*?)<\/title>/);
    alert(matches[0]);
  }   
});

TheSuperTramp 是正确的，如果 externalUrl 在您的域之外，以上内容将不起作用。而是创建这个 php 文件 get_external_content.php:

<?php
function file_get_contents_curl($url){
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
    $data = curl_exec($ch);
    curl_close($ch);
    return $data;
}

$url = $_REQUEST["url"];
$html = file_get_contents_curl($url);

preg_match('/<title>(.+)<\/title>/',$html,$matches);
$title = $matches[1];

echo  json_encode(array("url" => $url, "title" => $title));

---

然后在 javascript 中:

function getTitle(externalUrl){
  var proxyurl = "http://localhost/get_external_content.php?url=" + externalUrl;
  $.ajax({
    url: proxyurl,
    async: true,
    success: function(response) {
      alert(response);
    },   
    error: function(e) {
      alert("error! " + e);
    }
  });
}