JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <form name="ajaxformname" id="ajaxform" action="/request" method="POST">
    AJAX:
    <input id="btn1" name="feeling" type="submit" value="Fine">
    <input id="btn2" name="feeling" type="submit" value="Neutral">
    <input id="btn3" name="feeling" type="submit" value="Bad">
  </form>
</div>

JavaScript

$(function () {
    $('#ajaxform').on('click', 'input[type=submit][name=feeling]', function(e) {
        
        $(this.form).data('clicked', this.value);
    });
    
    $('#ajaxform').submit(function (event) {
        
        event.preventDefault();

        var form = $(this);
        
        //Alert for debug
        alert(form.data('clicked'));

        $.ajax({
            url: form.attr('action'),
            type: form.attr("method"),
            data: { clickedButton : form.data('clicked') }
        });
    });
});