授業中のリソースの置き場所 : 07/14(水)

ajax の get を行う為のテンプレート

jQuery 側の json オブジェクトの準備

formData = {};

{} は 空の json オブジェクト

formData["param1"] = "テスト";

formData のプロパティは formData["プロパティ文字列"] に値をセットして作成される

formData のプロパティは formData.プロパティ文字列 と書く事もできます

formData.param1 = "テスト";

jQuery 側からサーバへデータを送る

data: formData

{
	"param1": "テスト"
}

http://localhost/app/form-action-json.php?param1=%E3%83%86%E3%82%B9%E3%83%88&_=1626243759099

と言うフォーマットに jQuery に加工されてサーバの PHP が呼び出されます

PHP でデータを受け取る

QuertyString と呼ばれる ? 以降の文字列が $_GET にセットされて PHP に入る

param1=%E3%83%86%E3%82%B9%E3%83%88&_=1626243759099

$_GET["param1"] に "テスト" がセットされて スーパーグローバル変数として利用可能となる。

PHP で json 文字列を返す為に、stdClass と言う簡易オブジェクトを作成して利用する

$json = new stdClass;
$json->get = $_GET;

$.ajaxに返す為の json フォーマットの文字列を json_encode 関数で作成する

print json_encode( $json, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT );

PHP より返却された json を .doneで data として受け取る

{
	"get": {
		"param1": "テスト",
		"_": "1626244981881"
	},
	"post": [],
	"session": []
}