如何修复Ajax延迟响应

Question

我正在通过Ajax从MariaDB中获取数据。 响应需要很长的时间（大约30秒）。

当我直接使用php获取数据时，响应最多需要5秒钟。 因为我要发送相同的SQL查询，所以这里有什么区别，区别仅在于调用数据的方法。

由于SQL查询是自动缓存的，因此排除了加快SQL查询速度的缓存问题。

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

var form_data = $(this).serializeArray();
var target_url  = 'functions/fetch-all-unique-risks-under-strategic-objectives.php';
var form_method = 'POST';
var loader =`<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>`;
$('#error_fetching').html('');
$('#loader').html('');
$.ajax({
data : form_data,
url  : target_url,
method : form_method,
beforeSend: function()
{
  $('#all_unique_risks_under_strategic_objectives_generated').html(loader);
},
success:function(data){
if(data == 'failed')
{
    $('#error-fetching').html('<h6 class="text-danger center">Could not fetch. Please Try Again</h6>');
}
else
{
    $('#loader').html('');
    $('#all_unique_risks_under_strategic_objectives_generated').html(data);
}

}

});


});