広島っぷに好敵手が現れた！

新潟マップ書き込め～るだ。

向こうはそんなつもりはないかもしれないが、
こちらから見れば明らかにやりたいことがかぶってる！
全く同じではないが、そんな細かいことはどうでもいい。
というか、パクられてる（？）などと思いつつも、
せっかくなので、こちらも対抗して、書き込めるようにしてみた。

データの送信にもこだわって、Ajaxにしてみた。
今回は、Google Maps API のXMLHttpを利用した。
もちろん、自前のAjaxエンジンとかあればそちらでも構わない。

新潟マップでも送信をAjaxで実行しようとしていたので、
敵に塩を送ることになるが、送信部分のみをさらしてみる。

<br /> function form_Submit(){<br /> var data = new String();<br /> for( var i = 0 ; i < document.frm.elements.length ; i++ ){<br /> if( !document.frm.elements[i].disabled ){<br /> data += "&";<br /> data += document.frm.elements[i].name;<br /> data += "=";<br /> data += document.frm.elements[i].value;<br /> }<br /> }<br /> if( data.length > 0 ){<br /> data = data.substring(1);<br /> } else{<br /> window.alert(“POSTするデータがありません。”)<br /> return false;<br /> }<br /> var request = GXmlHttp.create();<br /> if (request) {<br /> request.onreadystatechange = function() {<br /> if (request.readyState == 4 && request.status == 200) {<br /> }<br /> }<br /> request.open(“POST”, “xxx.cgi?mode=xxx”, true);<br /> request.setRequestHeader(“Content-Type” , “application/x-www-form-urlencoded”);<br /> request.send(data);<br /> }<br /> }<br />

Form の名前は frm としてます。自分のサイトに合わせて変えてくださいね。

まず、フォームfrmの内容から送信する文字列を作成します。
別に違う方法でも良いけど、まぁ参考までに。
この時に、入力チェックをしておくのも良い。
ちなみに、広島っぷではここに来る前に入力チェックは済ませています。

次に、”XMLHttpRequest”を使えるようにします。

その後、いつものように実行するのですが、

のように、”POST“にしておきます。
上記のように、”xxx.cgi?mode=xxx“のようにしておくと、
“mode“の値は”Get“データとして受け取れます。

次に、

と記述しておかないと、動かないブラウザがあるようです。
なので、必須かもね。

で、最初に作成した文字列データを送信します。
データの内容は”POST“データで受け取れます。

送信後、なんらかのデータが返ってきて、それを表示する場合には、

とかやっても良いですよ。