[jQuery]jQueryでPOST通信をするサンプル

jQueryを利用してPOST通信を行うサンプルです。
最近だとあまりページ遷移しないサイトも多いので
多様する機会が増えてきますた。(自分の周りのみ)
※EC-CUBEあたりでは結構見かけます。

jQuery 側

$.ajax({
	type : "POST",
	url : "post.php",
	data : {
		data1 : "test",
		data2 : "sample"
	}
	success : function( msg ) {
		window.alert( msg );
	}
});

PHP 側

<?php
	echo 'data1 : ' . $_POST[ 'data1' ] . '\n' . 'data2 : ' . $_POST[ 'data2' ];
?>

jQueryを実行してみるとPHP側で書きだした(echoした)結果がアラートされるはずです。

解説(今回はjQueryのみ)

基本はjQueryのajax関数を利用します。
引数[type]に通信方式(今回はPOST)を、
引数[url]に飛ばしたいURL(今回はpost.php)をそれぞれ指定します。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)