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

2020/07/22 20:57

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値を送ることができますので、処理の分岐等にも使いやすくなりますね。

 

現場から以上です!

1075

PICK UP