javascript - JQuery イメージの error() イベントから HTTP ステータス コードを取得します。

Question

Javascript で画像をロードする必要がありますが、失敗した場合の 404 エラーと 500 エラーの違いを知っています。

以下のような「img」タグに画​​像をロードするコードがあります。

var img = $('<img />').attr('src', url)
    .load(function() {
        // Do something.
    })
    .error(function(ev) {
        // What sort of error?
    });

error() 関数では、エラーが 500 なのか 404 なのかわかりません。これを行う方法はありますか?

Answer 1

このようなhttp ステータス ページの処理とテスト

DEMO

var img = $('<img />')
    .load(function() {
        // Do something.
    })
    .error(function(jqXHR, error, errorThrown) {  
       if(jqXHR.status&&jqXHR.status==404)
       {
            alert(jqXHR.responseText); 
       }
       else
       {
           alert("Something went wrong");
       }
    })
    .attr('src', url);