从JQuery函数返回数组的值为“未定义”

Question

我正在尝试做一个小型网络工具。因此，我想通过Jquery中的Ajax请求从Mysql数据库获取类别列表。不幸的是，我的Jquery函数应该返回一个类别数组，仅返回“未定义”。

jQuery函数（数据库返回的数据正确）

function get_categories($categoryname) {
    var values =[];
    $.ajax({
        url: '../php/get_categories.php',
        method: 'POST',
        data: {categoryname: $categoryname},
        success: function (data)
        {
            values = JSON.parse(data);
            return values;
        }

    });
}

使用请求的按钮事件：

function update_categories() {
    var list = "<ul>";
    alert(get_categories("%"));
    var result = get_categories("%");
    $.each(result, function (index, value)
    {
        list += "<li>" + value + "</li>";
    });
    list += "</ul>";
    $("#category_list").html(list);
}

当显示请求的结果（数据）时，列出了适当的类别，但是当我显示返回的值（结果）时，它显示了“未定义”。

有人可以告诉我我在做什么错吗？