除数据表的第一页外，Ajax调用不起作用

Question

我试图通过数据表中的ajax调用来增加或减少旅行的座位。它在第一页上工作正常。但是当我在数据表的第二页或第三页上尝试相同的事情时，页面重新加载并且值保持不变。这是我的代码：

$(function(){
  $('form#changeSeats').submit(function(e){
    e.preventDefault();

    var formData = new FormData(this);
    $.ajax({
      type: 'POST',
      async: false,
      url: "/backend/deal/increase",
      data: formData,
      success: function(data){
          $("#seats"+data[1]).text(data[0]);
      },
      cache: false,
      contentType: false,
      processData: false
    });
  });
});

Answer 1

我猜你应该删除Self-Invoking Functions，即function（）{}。

调用Datatable

后使用此代码

$('form#changeSeats').submit(function(e){
       e.preventDefault();
           var formData = new FormData(this);
           $.ajax({
                type: 'POST',
                async: false,
                url: "/backend/deal/increase",
                data: formData,
                success: function(data){
                    $("#seats"+data[1]).text(data[0]);
                },
                cache: false,
                contentType: false,
                processData: false
            });
 });