404エラーでJavascriptリダイレクト

Question

年の各日のHTMLドキュメントを含む外部Webサイトがあり、現在の日付のドキュメントを自動的に読み込もうとしています。ただし、すべての文書でURLが一貫していません。それらのうちのいくつかは.htmlで終了し、その他のものは.htmで終わり、そのうちのいくつかはファイル名に1つの文字を追加することがあります。

私がしたいことは、URLを読み込もうとすることです。その結果、404エラーが発生した場合は、別のURLを読み込んでみてください。

たとえば、私はwindow.location.replace(baseurl+'.htm'); と表示され、404エラーが発生した場合はwindow.location.replace(baseurl+'.html');とし、その結果が404の場合は別の方法を試してみてください。

サーバーが404エラーを送信し、新しいURLを読み込もうとしたときをどのように判断できますか？

Answer 1

@Siguzaは、非同期要求として保持し、ステータスを検証できると述べています。

AJAXを呼び出す関数を作成し、それがOKかどうかをブール値として返すことをお勧めします。何かのように：使用の

// I'm building an function to validate the URL 
function checkValidURL(url) { 
    var xmlhttp; 
    if (window.XMLHttpRequest) { 
    xmlhttp = new XMLHttpRequest(); 
    } else { 
    // code for older browsers 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    // Callback 
    xmlhttp.onreadystatechange = function() { 
    if (this.status == 200) { 
     return true; // OK 
    } else { // or -> } else if (this.status == 404) { 
     return false; // Ops, something happen.. 
    } 
    }; 
    // AJAX configuration 
    xmlhttp.open("GET", url, false); // <- "false" for a synchronous request 
    xmlhttp.send(); 
} 

簡単な例：Is there any way to wait for AJAX response and halt execution?

Answer 2

ここでは、拡張子に渡すことができます機能があります：

if (!checkValidURL("http://www.my_url")) { 
    console.log("invalid URL"); 

    // Call or check other URL 
} else { 
    // It's OK, proceed with the business rules 
} 

機能は次のように、非同期 "false" に設定することによって、AJAXリクエストを待つことができます試しに有効な最初のURLをコールバックに返します。

var request = new XMLHttpRequest(); 
var extensions = ['.html', '.htm']; 
var count = 0; 
var baseurl = 'http://blah.com/file'; 

function validUrl(baseurl, cb) { 
    request.open('GET', baseurl + extensions[count], true); 

    request.onreadystatechange = function() { 
    if (request.readyState === 4) { 
     if (request.status === 200) { 
     cb(baseurl + extensions[count]); 
     } else { 
     count++; 
     if (count === extensions.length) { 
      cb(false); 
     } else { 
      validUrl(baseurl, cb); 
     } 
     } 
    } 
    }; 

    request.send(); 
} 

// usage: 

validUrl(baseurl, function(url) { 
    if (url) { 
    // use the valid url 
    } else { 
    console.log('no valid urls'); 
    } 
});