この基本的な質問で申し訳ありませんが、今は少し混乱しています。
私は JavaScript を学んでおり、00webhost サイトにページをマウントして、遊んですべてのテストを行っています。これまでのところ正常に動作しますが、このチュートリアルAJAXに従って立ち往生しています
txt ファイルを作成してサーバーにアップロードしました。javascriptと同じパスにコピーして、パブリックルートでフルパスを指定しようとしましたが、404サーバーの応答しか得られません。
ナビゲーター(chrome)でそのファイルを参照すると、「開くことができませんでした」というメッセージが送信されることに気付きました。これは、サーバー上のリソースへのアクセスに問題があると思います。そうであれば、構成方法がわかりません。777 のファイル許可を与えても、違いはありませんでした。
これは無料のホスティング サービスの共有サーバーで行われますが、これを構成する際に制限があると思いますか?
index.html から、ID「btnAjax」でこのボタンを使用して、後で JavaScript ファイルにイベントをバインドします
...
<div id="ajax">
<input type="button" id="btnAjax" value="Testing AJAX" onclick="getText('ajaxretrieve.txt')"/>
</div>
<script type="text/javascript" src="jsdir/ajax.js">
</script>
....
JavaScript(ajax.js)に関しては、ボタンがサーバー応答var myRequest;にバインドされる方法は次のとおりです。
function getText(url)
{
if(window.XMLHttpRequest)
{
myRequest = new XMLHttpRequest();
}
else
{
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
myRequest.open("GET", url, true);
myRequest.send(null); // nothing to send
myRequest.onreadystatechange = getData;
}
// handles the server response
function getData()
{
var myBtn = document.getElementById("btnAjax");
if(myRequest.readyState === 4)
{
alert(myRequest.status);
if(myRequest.status === 200)
{
var text = myRequest.responseText;
myBtn.nodeValue = text;
}
}
}
上記のコードから、ブラウザーでアラートを取得できます。値 404 のステータスが表示されます。200 の成功ステータスを取得することはできませんでした。