【Javascript】Ajaxを使ってサーバ(PHP)にデータを渡す方法

Ajax「Asynchronous JavaScript + XML」を使ってJavaScriptからサーバ側(PHP)にデータを渡す事ができます。
サーバ側でデータを受け取って処理した後、JavaScript側に処理結果を返す事もできます。Ajaxは基本的に非同期で実行されます。

非同期について
JavaScriptはデータを送った後、サーバ側(PHP)から処理結果が帰ってくるのを待たずに、次のスクリプトの実行を続け、処理結果が帰ってきた時点で.then()内を実行します。

javascript側

jQueryを使っているので、事前にjQueryを読み込む必要があります。

サーバ(PHP)側