Shift_JIS環境でのAjaxでハマル　その２

なんだか前回ので解決した気がしていたのですが、よくよく実行してみると、何故かサーバ経由で実行したときにCPU使用率100%がしばらく続く状態になってしまいました。なので、前回の解決方法は諦めました。

AjaxならUTF-8でしか送信できない
フォームならShift_JISでもOK

ということなので、

動的にインラインフレームを生成
動的にフォームを生成
動的にinput/hidden要素を生成
input/hidden要素に値を格納してフォームに追加
生成したインラインフレームをターゲットにサブミット
インラインフレーム内のbody要素の値を取得

という方法で擬似Ajaxをやってみました。

<html> <head> <script> function ajax(url, params, callback){ //フレーム数を取得 var len = window.frames.length; //フレーム生成 var iframe = document.createElement("iframe"); iframe.style.display = "none"; iframe.name = "hoge"; //フォーム生成 var form = document.createElement("form"); document.body.appendChild(form); form.method = "post"; form.action = url; form.target = iframe.name; //値を格納 for(var name in params){ var hidden = document.createElement("input"); hidden.type = "hidden"; hidden.name = name; hidden.value = params[name]; form.appendChild(hidden); } //インラインフレームが使えるようになるまで待つ iframe.onreadystatechange = function(){ if(iframe.readyState == "complete"){ //ターゲット設定 var win = window.frames[len]; win.name = iframe.name; //送信完了まで待つようにイベントを変える iframe.onreadystatechange = function(){ if(iframe.readyState == "complete"){ //送信された中身を取得して後始末 var response = win.document.body.innerHTML; document.body.removeChild(iframe); document.body.removeChild(form); //コールバック関数に送る callback(response); } }; //送信 form.submit(); } }; //bodyに追加 document.body.appendChild(iframe); } function test(){ ajax("xxxxx.asp", {aaa : "123"}, function(response){ var value = eval(response); alert(value); }); } </script> </head> <body> <input type="button" onclick="test()" value="test" /> </body> </html>

XMLHttpRequestとインターフェイスを合わせていませんが、ちょっとした手作りで擬似非同期通信が可能になります。Ajaxが使えない環境であれば絶対お勧めの方法です。

投稿日時 : 2007年3月31日 23:04

Feedback

No comments posted yet.

タイトル		タイトルを入力してください
名前		名前を入力してください
Url
コメントコメントを入力してください
名前をブラウザに記憶する

かつのりの日記２

目次

Blog 利用状況

書庫

日記カテゴリ

いろいろリンク