调用成功后，JQuery Ajax调用返回未定义的服务器响应（回调函数无法正常工作）

Question

我正在制作以下内容

function handler(data)
{
    return data;
}
function hit_db()
{
    $.ajax({
        url: target_url,
        type: 'GET',
        async: true,
        crossDomain: true,
        success: function (response){
            handler(response);
        }
    });
}
var status = hit_db();
return status;

但是，如果我尝试alert(status)，我会undefined

我知道这是由于ajax调用的异步性质，但我仍然无法成功地从服务器返回响应。

奇怪的是，如果我写这个

function handler(data)
{
    return data;
}
function hit_db()
{
    $.ajax({
        url: target_url,
        type: 'GET',
        async: true,
        crossDomain: true,
        success: function (response){
            alert(response);  // <---- Change is here
        }
    });
}
var status = hit_db();

我得到它提示所需的输出success

为什么会这样？我的回调功能设置不正确吗？ 我尝试了一些在线解决方案，但似乎都没有尝试返回服务器响应