0

ページにいくつかの動的に作成されたフォームがあり、それぞれに jQuery 送信イベントがあります。

$('table').on('submit','form',function(e){
  e.preventDefault();
  console.log('hello');
  var form = $(e.target);
  if(typeof operation != 'undefined'){
operation.abort();
return;
  }
  var operation = $.ajax(
    //rest of my logic
  )l  
});


<form action="/update_cart/12" method="post">
    <input name="utf8" type="hidden" value="✓">
    <input class="quantity_field text_field" id="quantity" name="quantity" type="text" value="1">
</form>

問題は、フォーム送信イベントがセレクター内のフォームごとに 1 回発生し、サーバーを過負荷にしている ajax を開始することです。クリックしたフォームだけが ajax を起動するようにするにはどうすればよいですか?

4

0 に答える 0