JavaScript/jQueryは壊れたリンクを確認します

私は内部で使用するためのPDFファイルのコレクションにアクセスするための小さなJavascript/jQueryプログラムを開発しました。そして、ファイルが実際に存在する場合、pdfファイルの情報divをハイライト表示させたいと思っていました。JavaScript/jQueryは壊れたリンクを確認します

ファイルへのリンクが壊れているかどうかをプログラムで判断する方法はありますか？もしそうなら、どのように？

すべてのガイドまたは提案は充当されています。

出典

2009-10-19 NawaMan

ファイルが同じドメインにある場合は、AJAXを使用してその存在をテストすることができます。Alex Sextonと言っています。 ただし、GETメソッドは使用しないでください。ちょうどHEADとし、期待値（200または400未満）のHTTPステータスを確認してください。ここで

がrelated questionから提供された簡単な方法です：

function urlExists(url, callback) { 
    var xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4) { 
     callback(xhr.status < 400); 
    } 
    }; 
    xhr.open('HEAD', url); 
    xhr.send(); 
} 

urlExists(someUrl, function(exists) { 
    console.log('"%s" exists?', someUrl, exists); 
});

出典

2009-10-19 23:11:42

私はOPの質問のためにこれを実装する方法を知りたがっています。誰でも？ – Trip

あなたは何を求めていますか？ –

次のコードでエラーが発生します。「Origin http：// localhostは、Access-Control-Allow-Originによって許可されていません。 – rob

ファイルが外部Webサイトにない場合は、各ファイルに対してajaxリクエストを試みることができます。それが失敗として戻ってきた場合は、それが存在しないことを知っています。そうでない場合は、完了した場合、および/または返されるしきい値よりも長くかかる場合は、それが存在すると推測できます。それはいつも完璧というわけではありませんが、一般的に「発見」のリクエストは迅速です。

var threshold = 500, 
    successFunc = function(){ console.log('It exists!'); }; 

var myXHR = $.ajax({ 
    url: $('#checkme').attr('href'), 
    type: 'text', 
    method: 'get', 
    error: function() { 
    console.log('file does not exist'); 
    }, 
    success: successFunc 
}); 

setTimeout(function(){ 
    myXHR.abort(); 
    successFunc(); 
}, threshold);

出典

2009-10-19 22:20:05

$.ajaxとすることができます。ファイルが存在しない場合は、404エラーが発生し、エラーコールバックで必要なもの（UI指向）を実行できます。リクエスト（タイマー？）をトリガーする方法はあなた次第です。もちろん、サーバーサイドのコーディングを行う能力がある場合は、1つのAJAXリクエストを行うことができます - ディレクトリをスキャンし、JSONのように結果を返します。

出典

2009-10-19 22:22:11 Bostone

問題は、別のドメインからコンテンツをつかむことはできませんので、JavaScriptが同一生成元ポリシーを持っていることです。これはそれをアップヴォーティングすることで変わらないだろう（17票に不思議）。外部リンクのために必要と思うので、.jsだけでは不可能です。

出典

2012-05-15 22:23:32