Jquery Ajax请求变成了一个函数

Question

我正在研究一个使用大量ajax的学校项目。为了节省一些时间复制粘贴和主代码中的大量空间，我想创建模块化的ajax函数。在stackoverflow上找到了一些例子，但不知怎的，我无法获得我想要的输出。

function retrieveAjax(url) {
    $.ajax({
        url: url, dataType: 'json',
        success: function(data) {
            console.log(data);

            return data;
        },
        error: function(request, status, error) {
            return [{request: request, status: status, error: error}];
        }
    });
}

console.log(retrieveAjax('../functions/getcourses.php'));

显示数据的日志，发出请求并显示结果，但在最后一个控制台中，它似乎返回undefined。

任何帮助将不胜感激

编辑： 在阅读了我的问题重复的原始问题后，我尝试了这个：

function foo(callback, url) {
    $.ajax({
        url: url, dataType: 'json',
        success: callback
    });
}

function myCallBack(result) {
    console.log(result);
}

foo(myCallBack(), '../functions/getcourses.php');

不幸的是，我似乎无法理解我做错了什么。