メモ:jQueryの$.ajaxを使ってPHPのプログラムを実行するやり方

posts_photo

PHPを非同期で実行したい場合のjQueryでの書き方をメモしておこうと思います。

jQuery側の記述

function 任意の関数名(){
  $.ajax({
    type: "POST",
    url: "sample.php",
    data: {任意のパラメータ:任意の値},
    success: function() {
      console.log(‘Ajax成功’);
    }
  })
}

PHP側の記述

前述で記述したパラメータはPHPの方で下記のようにPOSTとして受け取ります。
あ、あと値を受け取る際はhtmlエスケープとかした方がいいですねー。

//もちろんパラメータは同じ名前です。
$sample = $_POST["任意のパラメータ"];

普通にサイト作るときはほぼ使わないと思いますが、Webサービスやインタラクティブなコンテンツを作る必要があるときには結構使いそうな気がします。

jQuery 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)
jQuery 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)
-Amazonで見る