Q&A
こんばんわ。
Kosuke_Shibuya さんが書かれているようにブラウザのF12キーを押して開発ツールを表示してみてください。
エラーが表示されていないでしょうか？
そのエラーの内容を教えてください。
コードを実行すればわかると思うのですが、ボタンが出てきて、そのボタンを押せば
GET", "http://www.ajaxtower.jp/sample/plan.txt", true
が呼び出されhello ajaxと表示されるはずなのですが
うまく作動しません。
どうしたらいいのでしょうか
どなたかご教授の程よろしくお願いします
http-equiv="Content-Type" Content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、http://www.ajaxtower.jp/sample/plan.txt にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダ 'Access-Control-Allow-Origin' が足りない)。
と出ました
情報の補足はここではなく、質問文を編集して追記してください。
ちなみに、CORS についてはMDNが参考になります。
https://developer.mozilla.org/ja/docs/HTTP_access_control
回答3件
0
JavaScriptのばあい、実行する環境によって動作しない原因は異なったりすることもあります。
開発ツールを使ってデバッグしましょう。
添付の画像は firebug です。
投稿2015/11/08 10:26
退会済みユーザー
総合スコア0
0
こんばんわ。
そのエラーの内容をぐぐると答えはでてくるとは思いますが、
Ajaxはセキュリティの観点から異なるドメインの値を取ることができません。
クロスドメイン制約というものです。
上記HTMLをそのままローカルPCで保存し、ブラウザで開くと期待通りの動きをするはずです。
プログラムのバグ等ではありません。
対策はHTTPヘッダに特定の値をセットする等ありますが、ぐぐってみてください。
投稿2015/11/09 12:34
退会済みユーザー
総合スコア0
0
以下の部分ひっくり返してみてもらってもよいですか？
HTML
1 xmlHttp.onreadystatechange = checkStatus; 2 xmlHttp.open("GET", "http://www.ajaxtower.jp/sample/plan.txt", true); 3 ↓ 4 xmlHttp.open("GET", "http://www.ajaxtower.jp/sample/plan.txt", true); 5 xmlHttp.onreadystatechange = checkStatus;
投稿2015/11/08 10:28
総合スコア1768
すいません。うまくいきませんでした。
Kosuke_Shibuya さんのご回答の画像にある、クロスドメインの問題は当てはまらないと考えても良いですか？
私の環境ですと、掲示されたサンプルもちゃんと動作しているようです。
test.htmlとして保存してWEBサーバにchromeでアクセスしてみました。
---
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>非同期通信テスト</title>
</head>
<body>
<script type="text/javascript">
var xmlHttp;
function loadText(){
xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "./plan.txt", true);
xmlHttp.onreadystatechange = checkStatus;
xmlHttp.send(null);
}
function checkStatus(){
if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
alert(xmlHttp.responseText);
}
}
</script>
</head>
<body>
<h1>非同期通信テスト</h1>
<form>
<input type="button" value="ファイル読み込み" onClick="loadText()">
</form>
</body>
</html>
---
./test.txt を同じディレクトリにおいて、alertで中身が表示されました。
あなたの回答
tips
プレビュー
