jQuery在函数外存储值不起作用

Question

我正在构建这个 jQuery 函数，以便在单击按钮时从我的后端获取数据。我一直在阅读How do I return the response from an asynchronous call? 对类似问题的回答，并应用了 jQuery 延迟对象解决方案，如下所示。

var results; 
function ajax() {
    var keyword = prompt("Enter keyword you wish to search for");
    return  $.ajax({
                type: "GET",
                url: "http://localhost:8080/getGeojson"+keyword,
                data: {},
                dataType: 'json',              
                success: function (data) {
                    return(data);
                    console.log(data);
                }
            });
}


$('#keywordSearch').click(function() {
    ajax().done(function(result) {
        results = result;
        console.log("something went right");
    }).fail(function() {
        console.log("something went wrong");
    });
});

但是此代码仍然无法正常工作。它得到结果，我在控制台日志中看到它们，但结果仍然没有存储在全局变量结果中。它仍然未定义。

任何帮助将不胜感激。

谢谢！

Answer 1

在您的函数中，我没有看到您实际分配了结果变量。 您可能需要将 results = data; 添加到您的 ajax 函数中。

function ajax() {
    var keyword = prompt("Enter keyword you wish to search for");
    return  $.ajax({
                type: "GET",
                url: "http://localhost:8080/getGeojson"+keyword,
                data: {},
                dataType: 'json',              
                success: function (data) {
                    results = data;
                    return(data);
                    console.log(data);
                }
            });
}

如果您有任何其他问题，请发表评论。