jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。
jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。

JavaScriptからphpへPOSTして戻り値を得る。いわゆるAJAX

一覧へ戻る
注意
これらの記事は2016年当時の物で結構古いです。モダンブラウザでは不要な記述やJavaScriptでなくともCSSで実現できる機能もあります。 当時の記録として残してありますがあまり参考になるものではありません。
概要
JavaScriptからphpへPOSTして戻り値を得る。いわゆるAJAX。
phpからの戻り値はJSONで行っています。
こんな感じで作るという備忘録
使用方法
参考にして適宜書き換えるなり拡張するなりして使用します。
備考
クロスブラウザ対策が不要になってきた今日、コード量も少なくすっきり書けます。 

var _returnValues;
function postSend() {
	var fd = new FormData();
	fd.append('foo',1);
	fd.append('bar','a');
	var xhr = new XMLHttpRequest();
	xhr.open('POST','foobar.php');
	xhr.send(fd);
	xhr.onreadystatechange = function(){
		if ((xhr.readyState == 4) && (xhr.status == 200)) {
			_returnValues = JSON.parse(xhr.responseText);
		}
	};
}
	

//foobar.php
$foo = isset($_POST['foo']) ? $_POST['foo'] : null;
$bar = isset($_POST['bar']) ? $_POST['bar'] : null;
//$result = //何らかの処理
print json_encode($result);