Отправьте refre sh из одного ввода с ajax и переменной id

Question

Мне нужно обновить номер sh без перезагрузки страницы в диапазоне <span class="badge badge-light"> после отправки формы только с идентификатором "formid-<?php echo $i; ?>", где $i всегда изменяется. Мне тоже нужен код ajax и как его собрать. Я нашел что-то подобное, но не смог заставить его работать:

jQuery.on('submit', function(e){
e.preventDefault();
var formID = $(this).data('i');

//call $.ajax();

} 

и ajax:

$.ajax({
  type: 'POST',
  url: $("form").attr("action"),
  data: $("form").serialize(), 
  or your custom data either as object {foo: "bar", ...} or foo=bar&...
  success: function(response) { ... },
 });

Моя форма такая:

<form action="" method="post" id="formid-<?php echo $i; ?>"> 
        <h6  class="badge badge-warning font top-8"><input type="submit" name="send" value="Subscribe">
   <span class="badge badge-light">

 <?php 

 echo $subscriptions; // this is the number

   ?>

   </span>
  <span class="sr-only">Subscribe</span>

</h6>
</form> 

Answer 1

jQuery.on('submit' обработчик недействителен. Даже если вы используете event-delegation, вы должны использовать второй аргумент в качестве селектора.

jQuery("form[id^='form-']").on('submit', function(e) {
    e.preventDefault();
    var formID = $(this).data('i');
    //call $.ajax();
  }
}

Примечание: С делегированием события это будет jQuery("body").on("submit", "form[id^='form-']", function(){})