JavaScriptでPOST送信

JavaScrpitでPOST送信する方法を書き留めておく。帰り値はJSONで受け取り

## MDN

<a href="https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch" target="_blank">https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch</a>

## 基本形

```
<script>
(() => {
	const _postUrl = 'https://example.com/api/aaa.php';
	const _val = 1;

## CakePHP4のAPI呼び出しで使用

ログイン情報を維持しつつ内部APIの呼び出し

```
<?php

<?= $this->Form->hidden('Customes.id',['value'=>$entity->id]) ?>
<?= $this->Form->text('Customes.note',['size'=>10,'id'=>true]) ?>

<?= $this->Form->create(null,['url'=>['controller'=>'Apis','action'=>'setCustomerValue']]) ?>
<?php $this->Form->unlockField('Customers'); ?>
<?= $this->Form->end() ?>

## XMLHttpRequest を使用した以前の書き方

```
<script>
(() => {
	const _postUrl = 'https://example.com/api/aaa.php';
	const _val = 1;

const fd = new FormData();
	fd.append('val',_val);
	const xhr = new XMLHttpRequest();
	xhr.open('POST',_postUrl);
	xhr.onreadystatechange = () => {
		if ((xhr.readyState == 4) && (xhr.status == 200)) {
			const response = xhr.responseText;
			const result = JSON.parse(response);
			console.log(result);
		}
	};
	xhr.send(fd);
})();
<script>
```

JavaScriptでPOST送信

動画

画像

アイコン

文字列

QRコード

Excel

SVG

読み上げ

HTML,CSS

色

3D

音

ビット、バイト

データベース

カレンダー系

IPv4,IPv6

インターネット

開発

ビンゴ大会開催システム(Wタイプ) 自動更新

ビンゴ(Pタイプ) 自動更新

ビンゴ(Aタイプ) 抽選機+カード

ビンゴ(Mタイプ) 手動更新

抽選機等

パズル、ゲーム

他