Javascript 如何在另一个ajax函数成功后刷新另一个ajax函数
我使用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();
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(){
//功能代码
}
函数另一个函数名(){
//功能代码
如果(条件){
函数名();
}
}
});代码>似乎没有帮助…我建议使用回调方法。那会更容易吗?有效地将函数作为最后一个参数,并在最后在方法内部调用它。