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

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

概要
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);
	
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
便




top of page