js/jqueryで指定したURLのステータスコードを取得したい

Question

JavaScriptもしくはjQueryを使って指定したURLのHTTPステータスコードを取得する方法がわからないので教えて頂けないでしょうか。

Answer 1

同じドメインであれば、以下のようにすることでもステータスを取得出来ます。

$.ajax({
  url: 'test.html',
  type: 'GET'
}).always(function (jqXHR) {
    console.log(jqXHR.status);
});

$.ajax({
  url: 'test.html',
  type: 'GET',
  statusCode: {
    404: function() {
      alert('page not found');
    }
  }
});

また、jQueryのajaxメソッドは、success、errorなどといったプロパティにより、statusに応じた処理を設定出来ます。

$.ajax({
  url: 'test.html',
  type: 'GET',
  success: function(data){
    console.log(data);
  }
});

さらに、ajaxはDeferredオブジェクトというものを返し、doneやfailなどのメソッドにより、statusに応じた処理を呼び出すことができます。

$.ajax({
  url: 'test.html',
  type: 'GET'
}).done(function() {
  alert('成功');
});

これらは、ajax以外にもgetなどのメソッドでも同様です。詳しくは以下を見てください。
APIドキュメント(英語)

なお、外部のサイトであれば同一生成元ポリシーというものに引っかかりますので注意が必要です。
詳しくは以下のURLを見てみてください。
http://garafu.blogspot.jp/2013/07/blog-post.html

Answer 2

昔であれば、後に示すコードで取得できたと思うのですが（xhr.statusのところですね）、
最近はセキュリティ上の都合で、通信される側が 'Access-Control-Allow-Origin' ヘッダーを出力していないと
他のサイトへはXMLHttpRequest経由でデータ取得できないようにしているブラウザが出てきました。

URLというのが 自サイトやそういうのを許可したサイトであれば下記方法で取得できると思いますので
一応サンプルとして載せておきますが、外部サイトに対して行いたいんですよね？

なお、GET以外だと応答が異なる場合や、セッションに応じて応答が異なる場合もありますのでその点も気を付けてください。

$.ajax({
    url: "https://teratail.com",
    type: "GET",
    success: function(xml, textStatus, xhr) {
        console.log(xhr.status);
    },
    complete: function(xhr, textStatus) {
        console.log(xhr.status);
    } 
});

$.get("https://teratail.com",
    function(data, statusText, jqXHR){
      console.log(jqXHR.status);
});

Answer 3

次の情報が参考にはなりませんか？

jQuery の load() http://www.webdesignleaves.com/wp/jquery/489/ より

...
load(url, parameters, callback)
...
パラメータと戻り値

url （String）
要求を送信するサーバ側リソース（読む込むデータ）のURL。
オプションとして jQuery セレクタを使える 。

parameters （String|Object|Array）　オプション。
リクエストと一緒に送信するデータ（要求のパラメータとして渡すべきデータ）を指定。
データ型は、文字列、 オブジェクト、オブジェクトの配列のいずれか。
文字列はそのままクエリ文字列として使用される。
オブジェクトは、プロパティがシリアライズされ、 適切にエンコードされたパラメータとして要求に渡される。
オブジェクトの配列は、その nameプロパティと valueプロパティで、名前と値のペアを 指定。
オブジェクトまたは配列で指定した場合、要求には POST メソッドが使用される。
省略した場合と、文字列で指定した場合は、GET メソッドが使われる。

callback （Function）　オプション。
応答データ（取得したデータ）がロードされた後に呼び出されるコールバック関数。
この関数に渡されるパラメータは、
・response：応答テキスト（取得したデータ）、
・status：ステータス文字列（success、 error、notmodified、timeout、parsererror）、
・xhr：XMLHttpRequest インスタンス。
...