How to pick the title of a remote webpage [duplicate]

Answer 1

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);
});

Answer 2

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.

Answer 3

Try this

alert(document.title);

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

Answer 4

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?