JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<form action="" method="post" class="myform">
        <input type="text" name="mydata" class="mydata" />
        <input type="submit" value="Отправить" />
</form>
<form action="" class="myform">
        <input type="text" name="mydata" class="mydata" />
        <input type="submit" value="Отправить" />
</form>
<form action="" method="post" class="myform">
        <input type="text" name="mydata" class="mydata" />
        <input type="submit" value="Отправить" />
</form>
<form action="" class="myform">
        <input type="text" name="mydata" class="mydata" />
        <input type="submit" value="Отправить" />
</form>
<div id="result"></div>
<div id="result"></div>

JavaScript

function send(e){
    e.preventDefault();
    //Получаем параметры
    var data = $('.mydata', this).val()
    // Отсылаем паметры
    $.ajax({
        type: "POST",
        url: "/echo/html/",
        data: "html="+data,
        // Выводим то что вернул PHP
        success: function(html) {
            //и выводим ответ php скрипта
            $("#result").append('Были отправлены данные: ' + html + '<br>');
        }
    });
}
$(function(){
    $('.myform').on('submit', send);
});