日本語を記入すると文字化けした話。CommentmootoolsのRequestクラスを使うとXMLHttpRequestが簡単に行えます。jQueryやprototype.jsもやり方は大体同じです。送受信だけでは面白くないので、簡単にファイルの読み書きをして掲示板っぽいものを作ってみようー。?>が書いてあればいいテキストファイル(data.txt)空ファイル。ver1.2のコアファイル(mootools.js)圧縮したのでもなんでもいい。moreはいらない※文字コードは全てUTF-8にすること。Step-by-Step形式で書いています。XHTMLの作成まずindex.htmlのヘッダにスクリプトタグとスタータースクリプトを入れておきます。body以下にフォームとログ表示部分を適当に書いて、以下の要素を作ってください。idがcommentのテキストエリアidがsubmitのボタンidがpastlogのブロック要素(DIVなど)サンプルファイルでは次のようにしました。id=&quot;pastlog&quot;&gt;&lt;/div&gt;Form送信はしないのでformタグの有無はどっちでもいい。valueやnameも動作には必要ないですが、lint先生に怒られるのが気になる場合は入れておいた方がいいかも。ここでは分かりやすくIDにしていますが、セレクタを使うのもアリです。CSSのスタイリングはお好みで。ボタンイベントとフォームの値の取得step1で書いたスタータースクリプトに、input#commentの値を取得するソースと、button#submitを押した時に発生するイベントのソースを追加します。「ボタン押す→テキストエリアの値を取得する」という流れになるので、ボタンのinput#submitにaddEvent()でクリックイベントを監視させ、クリックされたとき実行する関数の中で、input#commentの値を取得するソースを書きます。$(&quot;comment&quot;).value;});Element.valueという書き方はjavascriptの基本のものです。(参考)変数eにはイベントのオブジェクトが入ります。false;かEvent.stop()がないとイベントが止まらずに伝播してしまうので、e.stop();を先頭に書いておきます。次のように書くと、テキストエリアに入力した内容がdiv#pastlogに表示され、value値が取得されているのが確認できます。本エントリーの主役、Requestクラスの構文は次の通りです。Request([options]);オプションで重要なものだけ以下に説明を添えます。初期値=null)リクエスト先のURL。初期値=’post’)リクエストのHTTPメソッド。’post’か’get’のどちらか。初期値=”)送信する内容の初期値。データが与えられなかったときに使われます。イベントはFx等とだいたい同じです。リクエストが終了して成功に終わった時。リクエストが失敗したときに発生します(エラーステータスコード)。transportインスタンス。button#submitのクリックイベントで、Requestクラスのインスタンスを作成します。クリックして直ぐ実行したいのでインスタンスに直接send()を付ける。}).send();});});“data”はHash形式で書いてますが、GETの時と同じ書き方(key=valueを&で繋ぐ)でもいいです。data:&quot;mode=post&amp;comment=&quot;+comment,ボタン押して何も表示されなければOK。ここまで書けばPHPファイルへ送信出来てます。ここまでの動作の流れをまとめると次のようになります。PHPでPOSTされたデータを返すとりあえず、Step2と同じように入力された値を表示するようにPHPファイルを編集してみます。Step3で書いたソースでは、送信するデータが次のようになっていましたがdata:{&quot;mode&quot;:&quot;post&quot;,&quot;comment&quot;:comment}これをPHPで表すと$_POST[&quot;mode&quot;]=&quot;POST&quot;;$_POST[&quot;comment&quot;]=&quot;入力された値&quot;;になります。オプションのメソッドがGETなら$_GETです。HTMLフォームから送信したときと同じようにPOST変数やGET変数に格納されます。スーパーグローバル変数)なので、sample.phpには次の様に書きます。$_POST&amp;#91;&quot;comment&quot;&amp;#93;;}?&gt;printの行だけでもいいんですが、後の事を考えてif文で「modeがpostの時だけ表示する」という処理にしておきます。returnではなくprint(またはecho)であることに注意してください。txt);}引数txtをset(“html”)またはset(“text”)でdiv#pastlogにセットすれば、Step3で表示されなかった送信内容が表示されるようになります。上記ソースを保存して実行してみてください。Step2と同じ結果になればOK。DesignWall.。