PHPでAPIを作成しJavaScript(jQuery無し)からリクエストする方法
管理画面等から何らかのデータをMySQLに登録し、そのデータをPHPで作成したAPIでJSON形式にて出力させたい。また、そのAPIにはJavaScript(jQuery無し)でリクエストし、戻り値によって処理を分岐させたい。以下に方法をメモ。
PHP側
管理画面等からMySQLにデータを登録したり、MySQLからデータをひっぱってくるのは普段から行う手順なので今回は無し。
識別子(uid)があれば「識別子・リクエスト日時・ステータス(true)」を返し、なければ「ステータス(false)」をJSON形式で返す簡単なAPIを作成する。以下ソースコード。
<?php $respons['status'] = false; if( $_GET['uid'] ){ $respons['uid'] = $_GET['uid']; $respons['date'] = date('Y-m-d H:i:s'); $respons['status'] = true; } header("Access-Control-Allow-Origin: *"); echo json_encode($respons);
JavaScript側
<script> const request = new XMLHttpRequest(); request.open('GET', 'http://test.com/api.php?uid=1', true); //URLは適宜変更する request.onload = function () { const data = this.response; const json = JSON.parse(data); //API側で正常に処理されている場合 if( json.status ){ console.log(json); //Object { status: true, uid: "1", date: "2021-03-19 19:19:20" } //API側でエラーが発生した場合 }else{ } }; request.send(); </script>
所感
今回はMySQL関連の処理を省いたが、実際に導入する際は「識別子が数値かどうか」等のチェックを入念に行う必要がありそう。
また、API側のエラー時に原因究明をしやすいよう、エラーコードも返す方が良さそう。
関連記事
-
-
jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法
GETパラメータを取得し、その内容をページ上に表示したいケースがあった。また、A ...
-
-
Push.jsを用いてプッシュ通知を実装&Web Audio APIで通知音も鳴らす方法
プッシュ通知(デスクトップ通知)を実装してみたい。また、通知の際は分かりやすいよ ...
-
-
Leafletで「sidebar-v2」プラグインを導入してマップ上にサイドバーを設置する方法
Leafletでマップ上にサイドバー及びサイドメニューを実装したい。調べたところ ...
-
-
ボタンをクリック時にVideo.jsの動画プレイヤーをモーダルウィンドウ表示させる方法
ボタンやリンクをクリックした際、Video.jsの動画プレイヤーをモーダルウィン ...
-
-
JavaScriptのマップ用ライブラリ「MapLibre GL JS」の利用方法
あるサイトをWappalyzerで調査していた際に「MapLibre GL JS ...