ajaxでもボタンのname値を取得して送る方法

実はjQueryを使ったajaxの通信ではボタン（submitやbutton）の値（nameとvalue）がデフォでは送られていないようです。

今回はajaxの処理内に記述してボタンの値をサーバー側に送る方法をご紹介します。

ajax通信箇所に追記

内容的には簡単で、PHPに送るdataに「&name=value」という形式で値を追加する事で実現できます。

これよって押されたボタンのnameとvalue値が送られます。

※POSTでもGETでもどちらも同じです

$.ajax({
url: 'test.php',
type: 'POST',
data: form.serialize() + '&' + $(this).attr('name') + '=' + $(this).val(),
}).then(

これによってajax通信を使ってもボタンのnameやvalue値を送ることができますので、処理の分岐等にも使いやすくなりますね。

現場から以上です！