javascript – 我的ajax请求提交一次,然后两次,然后提交4次并保持加倍

我在底部有下一个和上一个按钮的标签,当我第一次加载页面ajaxloads数据到标签一,当我点击下一个表格将提交罚款,但如果我按下一个后按下它将’拉另一个ajax到填充第一次潜水的方式与我在加载时的方式相同,但是当我点击下一步提交表单时,ajax请求加倍并提交两次,然后4次8等,我怎么能阻止这种情况发生….我的我的一个页面上的 jquery是相同的：

$(document).on("click",".prevIoUs",function()
{
    $.ajax({
        url: '<?PHP echo Config::get('URL'); ?>wizzard/personal_information',type: 'GET',success: function(data){
            $('#tab2').html('');
            $('#tab2').removeClass('active');
            $('.tab_2').removeClass('active');
            $('#tab1').html(data);
            $('#tab1').addClass('active');
            $('.tab_1').addClass('active');
        }
    });
});

$(document).on("click",".next",function()
{
    $('#update_contact_information').on("submit",function()
    {

        $.ajax({
            url: $(this).attr('action'),type: $(this).attr('method'),dataType: 'json',data: $(this).serialize(),success: function(data){
                if(!data.success){
                    $.notify(data.error,{
                        className:'error',clickToHide: true,autoHide: true,globalPosition: 'bottom right'
                    });

                    $.ajax({
                        url: '<?PHP echo Config::get('URL'); ?>wizzard/employment_history',success: function(data){
                            $('#tab2').removeClass('active');
                            $('.tab_2').removeClass('active');
                            $('#tab2').html('');
                            $('#tab3').html(data);
                            $('#tab3').addClass('active');
                            $('.tab_3').addClass('active');
                        }
                    });
                }else{
                    $.notify(data.success,{
                        className:'success',globalPosition: 'bottom right'
                    });
                    $.ajax({
                        url: '<?PHP echo Config::get('URL'); ?>wizzard/employment_history',success: function(data){
                            $('#tab2').html('');
                            $('#tab2').removeClass('active');
                            $('.tab_2').removeClass('active');
                            $('#tab3').html(data);
                            $('#tab3').addClass('active');
                            $('.tab_3').addClass('active');
                        }
                    });
                }
            }
        });
        return false;
    });

    $('#update_contact_information').trigger('submit');
});

我的标签：

<div class="panel-body">
        <div id="rootwizard">
                <div class="navbar">
                  <div class="navbar-inner">
                    <div class="container">
                <ul class="nav nav-pills">
                    <li class="active tab_1"><a href="#tab1" data-toggle="tab"><?PHP echo System::translate("Personal information"); ?></a></li>
                    <li class="tab_2"><a href="#tab2" data-toggle="tab"><?PHP echo System::translate("Contact information"); ?></a></li>
                    <li class="tab_3"><a href="#tab3" data-toggle="tab"><?PHP echo System::translate("Employment history"); ?></a></li>
                    <li class="tab_4"><a href="#tab4" data-toggle="tab"><?PHP echo System::translate("Qualification history"); ?></a></li>
                    <li class="tab_5"><a href="#tab5" data-toggle="tab"><?PHP echo System::translate("Avatar"); ?></a></li>
                </ul>
                 </div>
                  </div>
                </div>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab1">

                    </div>
                    <div class="tab-pane" id="tab2">

                    </div>
                    <div class="tab-pane" id="tab3">

                    </div>
                    <div class="tab-pane" id="tab4">

                    </div>
                    <div class="tab-pane" id="tab5">

                    </div>
                    <ul class="pager wizard">
                        <li class="prevIoUs"><a href="javascript:;"><?PHP echo System::translate("PrevIoUs"); ?></a></li>
                        <li class="next"><a href="javascript:;"><?PHP echo System::translate("Next"); ?></a></li>
                    </ul>
                </div>  
            </div>

和最初的电话：

<script>
$(function(){

    $.ajax({
        url: '<?PHP echo Config::get('URL'); ?>wizzard/personal_information',success: function(data){
            $('#tab1').html(data);
        }
    });
});
</script>

var form = $('form');

$(document).on('click','.next',function(){
  form.on('submit',function() {//with every click one more handler is registered. Click the "click" link several times to see
      alert('submit fired'); 
      return false;
  });
  form.trigger('submit')
})

var form = $('form');

$(document).on('click',function(){

  form.trigger('submit')
})
form.on('submit',function() {//with every click one more handler is registered. Click the "click" link several times to see
  alert('submit fired'); 
  return false;
});

$(document).on("click",function()

$('.next').on("click",function(),