ベストアンサー

POSTだとAjaxをループできない

2007/04/30 18:09

<html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>Ajax</title> <script type="text/javascript">  </script> </head> <body> <input type="button" value="Ajax" onclick="func();" /> </body> </html> 先の投稿と似たものになってしまいますが、以上のようなソースのプログラムを組みました。ボタンを押すとAjaxが作動してphpプログラムを呼び出し、その結果を返すというものです。phpプログラムは任意のファイル名を変数として受け取り、その存在の有無によって返事を返すというものです。ソースは以下の通りです。 <? $file = $_GET['chk']; //$file = $_POST['chk']; if (file_exists($file)) { print "true"; } else { print "false"; } ?> このAjaxで問い合わせるという処理全体をループさせたいのですが、コメントアウトしているPOSTで実行するとうまくいきません。1回しかアラートが出なかったり、5回と設定してるのにそれ以上出たり。当初これに悩まされてましたが、GETで試すとうまくいきました。なぜPOSTだとうまくいかなかったのでしょうか？自分なりに考えてみたのですが全く分かりません。ソースのもので試すときは一方のコメントアウトを外し、他方をコメントアウトさせていました。もちろんphpの方も同様です。 GETとPOSTで書いたソースは間違ってませんよね？同じ意味になってますよね？どちらの方法でもいいことはいいんですが、GETだと与えるクエリによっては行が横に長くなってしまいますし、sendがあるのならそこに変数を書いたほうが見やすいのではないかと思ってPOSTを使ってました。

taku17
お礼率11% (87/767)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

hrm_mmm
ベストアンサー率63% (292/459)

2007/04/30 21:44 回答No.1

post送信の時は、RequestHeaderも送らないとなりません。open()とsend()の間で、 httpObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded') などとします。参考url　以下のサイトが解りやすいかと思います。送信部分のブラウザ別対処法もしっかりしているので、私もライブラリを使わせて貰っています。 http://allabout.co.jp/career/javascript/closeup/CU20050430A/index.htm

参考URL：: http://allabout.co.jp/career/javascript/closeup/CU20050430A/index.htm

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2007/05/01 05:15 回答No.2

> 1回しかアラートが出なかったり、5回と設定してるのにそれ以上出たり。 open()、send()の度に、実際にはonReadyStateChangeが実行されています。（これはXMLHttpRequestオブジェクトの仕様による物です）変数の使い回しにより、 send()が完了しreadyStateが4、statusが200のまま、再度openしたりオブジェクトを作り直しすると、onReadyStateChangeによりdisplayData()が呼び出され、５回以上呼び出されることがあります。また、open前のreadyStateが0の状態で作り直しすると、displayData()が実行される前にオブジェクトが破棄されますから、１回だけしか実行されないなどの状態になります。対処方法は配列にするなどして、５回実行されることを保証する様にしてください。 function createXMLHttpRequest() { XMLhttpObject = new XMLHttpRequest(); return XMLhttpObject; } function func() { for (i=0; i<5; i++) { httpObj[i] = createXMLHttpRequest(); if (httpObj[i]) { httpObj[i].onreadystatechange = displayData; （略 ANo.1参照） } } } function displayData(obj) { if (obj.readyState != 4){ return; } if(obj.status == 200 || obj.status==304)) { alert(obj.responseText); } } キャッシュファイル対策もつけています。メジャーな方法に URLの後ろに日付をつけるとか、If-Modified-Sinceヘッダをつけるなどして、常に最新のデータを取り直す様にする方法がありますが、必ず最新のデータでなければならないというのでなければ、サーバーの負担になるので私はお勧めしません。 displayDataには引数としてXMLHttpRequestオブジェクトが与えられますので、それを使っています。 IE6、IE7の特定の設定時の対策は省略。ライブラリを使う場合の配列化の必要性はわかりません。ライブラリのドキュメントやソースコードを見て下さい。動作未確認。

ログインすると、全ての回答が全文表示されます。