JSFiddle - React, Tailwind, and code Playground

HTML

<form id="formA" action="test.php" method="post" enctype="multipart/form-data">
    <input id="commentData" name="commentData" type="text" />
    <input type="submit" value="toDb" id="toDB" name="toDB" />
</form>
<div data-func="tattle"></div>

JavaScript

( function( $ )
  {
    var submit = $( 'input[id=toDB]' );
    $( submit ).on
    (
      'click',
      function( event )
      {
        event.preventDefault();
        var form = $( this ).parent();

        // Get form fields
        var data = $( form ).serializeArray(), obj = {}, j = 0;
        for( var i = 0; i < data.length; i++ )
        {
          if( data[i].name in obj )                                                                  
          {
            var key = data[i].name + '_' + j;
            obj[key] = data[i].value;
            j++;
          }
          else
          {
            obj[data[i].name] = data[i].value;
          }
        };

        // Make AJAX request
        $.ajax
        (
          {   
            url: $( form ).attr( 'action' ),    
            type: 'POST',
            data: JSON.stringify( obj ),    
            success: function( data, textStatus, xhr )
            {
              // Do something with data?
              $( '[data-toggle="isys"]' ).html( obj );
            }
          }
        );
      }
    );
  }( jQuery )
);