Javascript 使用jqajax从三个现有表单中的一个表单发送值

我在一个网站上有三个表单，其中两个在模态窗口中。我需要让ajax发送输入值，即姓名、电话、电子邮件、单选按钮-每个表单的价格选择不同，但我无法让它工作，我不知道如何确保发送所有提交表单的输入。以下是表格示例：

<form action="POST">
  <input type="text" name="user_name">
  <input type="tel" name="user_phone">
  <input type="email" name="user_email">
  <button type="submit"></button>
</form>
<form action="POST">
  <input type="text" name="user_name">
  <input type="tel" name="user_phone">
  <button type="submit"></button>
</form>
<form action="POST">
  <input type="text" name="user_name">
  <input type="radio" name="user_price"value="2000">
  <input type="radio" name="user_price" selected value="4000">
  <input type="radio" name="user_price"value="1000">
  <input type="email" name="user_email">
  <button type="submit"></button>
</form>

---

我对ajax的概念还不熟悉，我在谷歌上搜索了很多，但我似乎不太明白。我真的很感激任何帮助

您可以使用单独的事件处理程序来发送提交的表单值

---

我们可以使用选择器来选择每个表单。假设第一个表单的id为'form-1'，那么您可以使用$'form-1'。提交。。。而不是一般的表单选择器。

那么它会从每个表单发送信息吗？都是吗？我只需要发送一个提交，无论它是三个。对不起，如果我是stupid@AlexanderKozyrev编辑了答案。让我知道这是否有助于为三种表单提供三个单独的ajax处理程序，对吗？php邮件程序呢？我应该有三个不同数量的变量和不同的成功消息的邮件吗。如果功能通用，则可以在单个事件处理程序中组合选择器。例如：“表格1，表格2”

$('form').submit(function (event) {
      event.preventDefault();
      $.ajax({
        type: "POST",
        url: "./mailer/smart.php",
        data: $(this).serialize()
      }).done(function () {
        $(this).find("#name").val("");
        $(this).find("#email").val("");
        $(this).find("#message").val("");
        $('#thankyou').show(); //вместо #thankyou подставь нозвание блока с модальным окном
        $("form").trigger("reset");
      });
      return false;
    });