Javascript 如何在另一个ajax函数成功后刷新另一个ajax函数

Javascript 如何在另一个ajax函数成功后刷新另一个ajax函数,javascript,html,jquery,mysql,ajax,Javascript,Html,Jquery,Mysql,Ajax,我使用AJAX制作了一个脚本,将参与者显示为我数据库中的一个表,我使用另一个AJAX为他们分配权限,这一切都很顺利,但我需要一种方法在授予某人权限后刷新表 我试过了 load_data(page, query); 在第二个ajax的success函数中,但它不起作用,有人能给我一种方法,从第一个ajax刷新表,而不刷新整个页面吗 $(document).ready(function(){ var query = $('#query').val();

我使用AJAX制作了一个脚本,将参与者显示为我数据库中的一个表,我使用另一个AJAX为他们分配权限,这一切都很顺利,但我需要一种方法在授予某人权限后刷新表

我试过了

      load_data(page, query);
在第二个ajax的success函数中,但它不起作用,有人能给我一种方法,从第一个ajax刷新表,而不刷新整个页面吗

  $(document).ready(function(){
     
     var query = $('#query').val();

    load_data(1);

    function load_data(page, query = '')
    {
      $.ajax({
        url:"fetchact.php",
        method:"POST",
        data:{page:page, query:query},
        beforeSend: function() {
        document.getElementById("loader").style.display = "block";
           },
        success:function(data)
        {
        document.getElementById("loader").style.display = "none";
          $('#table').html(data);
        }
      });
    }

    $(document).on('click', '.page-link', function(){
      var page = $(this).data('page_number');
     var query = $('#query').val();

      load_data(page, query);
    });

 

    $("#query").on('change', function() {
         var query = $('#query').val();
          load_data(1, query);
        });
    
    $(document).on("click", "#rlbtn", function(){
       var id = $(this).data('id');
       var serial = $(this).data('serial');
       var role = $(this).val();
       Swal.fire({
  title: 'Confirmation',
  text: "Are you sure you want to assign "+ id +" as a "+ role +"?",
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes'
}).then((result) => {
  if (result.isConfirmed) {
  $.ajax({
        url:"changerole.php",
        method:"POST",
        data:{id:id, serial:serial, role:role},
        beforeSend: function() {
        document.getElementById("loader").style.display = "block";
           },
        success:function(data)
        {
            
            if(data == 1){
                document.getElementById("loader").style.display = "none";
      
                Swal.fire(
  'Thank you!',
  'You successfully assigned '+ id +' as a '+ role +'!',
  'success'
)
      load_data(page, query);
            } else {
                Swal.fire(
  'Assign failed!',
  'An unknown error has occured, please try later!',
  'error'
)
            }
        

        }
      });
  }
})



      
      

        });
        
        
  });

这是我的代码,有人帮我…

你可以回忆起这样的函数:

$(文档).ready(函数(){
函数functionName(){
//功能代码
}
函数另一个函数名(){
//功能代码
如果(条件){
函数名();
}
}

});似乎没有帮助…我建议使用回调方法。那会更容易吗?有效地将函数作为最后一个参数,并在最后在方法内部调用它。