2017-04-25 12 views
-1

コードにエラーはありませんか?コードはw3schoolsから練習用にコピーされています。私がペンドライブのボタンをクリックすると、私はページmobile.txtにリダイレクトされていません 問題がありますか?あなたのコードは、「mobile.txt」ファイルを見つけることができないので、クロム、IE、またはFirefoxでajaxコードを実行できません

<!DOCTYPE html> 
<html> 
<body> 

<div id="demo"> 
<h1>The XMLHttpRequest Object</h1> 
<button type="button" onclick="loadDoc()">pendrive</button> 

</div> 

<script> 
function loadDoc() { 
var xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
if (this.readyState == 4 && this.status == 200) { 
    document.getElementById("demo").innerHTML = 
    this.responseText; 
    } 
}; 
xhttp.open("GET", "mobile.txt", true); 
xhttp.send(); 
} 

</script> 
</body> 
</html>  
+0

ファースト - ブラウザのコンソールに何のエラーが表示されますか。 ? 2番目のAJAX呼び出しはデータをページにロードし、別のページにリダイレクトするのではなく、 'window.location.href =" http://someurl.com "' –

答えて

0

バディ、それがあります。

ブラウザのコンソールでエラーを確認すると、404(ファイルが見つかりません)というエラーが表示されます。

このコードは、特定のファイルを取得してUIに表示する機能です。

0

少し驚きです。

「mobile.txt」がhtmlドキュメントと同じディレクトリにあることを確認してください。お持ちの場合は、ブラウザを更新してみてください。一般的な '新しいXMLHttpRequest()'メソッドは、ブラウザのバージョンと互換性がない可能性があります。

これ以外にも、コード内のすべてが完璧です。

関連する問題