技術資料

error この記事は最終更新日から14年以上が経過しています。

jQuery を使って POSTメソッドで別の CGIスクリプトにデータを送り、返った結果をページ内に出力を行なう、という処理の方法の解説です。

jQuery で POSTメソッドによる非同期通信は、「post( 通信先URL, 送信するデータ, 返った結果の処理, 送信データ形式) 」という形で指定します。

例えば、「./test.cgi」に対して「mode=test」「name=tatsuya」というデータを送信し、test.cgi が返した結果を「div id="test"」の中に出力したい場合は、以下のようになります。

$.post(
	// 通信先URL
	"./test.cgi",
	// 送信するデータ
	{
		mode:"test",
		name:"tatsuya"
	},
	// 返った結果の処理
	function(data){
		$("#test").html(data);
	}
);

第二引数以降は省略可能なので、第四引数は省略しています。

なお、GETメソッドで通信したい場合は、同様に「get(通信先URL, 送信するデータ, 返った結果の処理, 送信データ形式)」で非同期通信を行なえます。