5

How I can read the title of a remote web page with javascript? Suppose the web page is:

www.google.com

I want to read the title of that page; how should I do this?

TylerH
  • 20,799
  • 66
  • 75
  • 101
h_a86
  • 281
  • 1
  • 8
  • 16

4 Answers4

4

You won't be able to get this data with jQuery alone, however you can use jQuery to communicate with PHP, or some other server-side language that can do the heavy lifting for you. For instance, suppose we have the following in a PHP script on our server:

<?php # getTitle.php

    if ( $_POST["url"] ) {
        $doc = new DOMDocument();
        @$doc->loadHTML( file_get_contents( $_POST["url"] ) );
        $xpt = new DOMXPath( $doc );
        $output = $xpt->query("//title")->item(0)->nodeValue;
    } else {
        $output = "URL not provided";
    }

    echo $output;

?>

With this, we could have the following jQuery:

$.post("getTitle.php", { url:'http://example.com' }, function( data ) {
    alert(data);
});
Sampson
  • 265,109
  • 74
  • 539
  • 565
2

Getting the content of a remote page you have no control over is going to be a problem because of the same-origin-policy. For more information look here: How to get the content of a remote page with JavaScript?

TylerH
  • 20,799
  • 66
  • 75
  • 101
nfechner
  • 17,295
  • 7
  • 45
  • 64
-1

Try this

alert(document.title);

in your case i guess you would only be using the document.title

mildog8
  • 2,030
  • 2
  • 22
  • 36
-1

The effective method is to write some Server side code (using PHP/ASP/.NET) and pass the URL via AJAX in script and get the title of any remote page.

AjayR
  • 4,169
  • 4
  • 44
  • 78