jQuery 从 .each() 中的函数返回未定义的字符串

Question

我试图从名为“tjekdet”的函数返回一个字符串，但它除了未定义之外不会返回任何内容。我只需要它返回字符串，这样我就可以将结果附加到 $(this) 中。

我这样做的原因是因为对 test2.php 的请求大约需要 40 秒，所以我宁愿一一执行。但没关系。

这与同步调用有关吗？或者我只是完全错过了一些真正基本的东西？

    function tjekdet(name) {
    $.get("test2.php", { test: name },
        function(data){
        // alert(data); returns correctly in the alert
        return data;
       });
    }

    jQuery(function($) {
        $('.button').live("click",function() {
            $(".navn-list").each(function() {
                var navn = $(this).text();
                var tester = tjekdet(navn);
                alert(tester); // returns undefined
            });
        });

Answer 1

这与同步调用有关吗？

是的。嗯，实际上它与异步调用有关。在 AJAX get 返回任何内容之前，您的 tjekdet 函数将返回 undefined。

将警报放入成功回调中：

$.get("test2.php", { test: name }, function(data) {
    alert(data);
    //Do whatever you need to do here, not in the other function
});

您可以使用 jQuery.ajax 而不是 jQuery.get 并将 async 选项设置为 false，但这很少是一个好主意，并且往往会完全锁定浏览器，直到数据已返回。

Answer 2

get 是带有一组特定选项的 ajax 的简写。 AJAX 是异步的。这意味着当您的函数完成时请求尚未返回。

从 get 返回类似内容的唯一选择是使其成为同步调用，这在几乎所有情况下都是一个坏主意，因为浏览器在等待时会挂起以获得回应。

相反，您应该在回调中对请求的结果执行您需要执行的操作。

Answer 3

因为 tjekdet() 实际上并不返回任何内容。 tjekdet 中的 return 语句实际上属于匿名回调，与 tjekdet 的返回无关。

此外，tjekdet 内的回调是异步调用的，因此当您调用alert(tester); 时它可能还没有执行。

Answer 4

你的代码应该是这样的：

function tjekdet(name, callback) {
    $.get("test2.php", { test: name },
        function(data){
            callback(data);
    });
}

jQuery(function($) {
    $('.button').live("click",function() {
        $(".navn-list").each(function() {
            var navn = $(this).text();
            tjekdet(navn, function(data){
                alert(data);
            });
        });
    });
});

在 tjekdet 中，你的 ajax 调用是异步的，你可以在该调用完成时执行一些操作...但是由于 tjekdet 会立即返回，你不能指望从 tjekdet 获取正确的值，但您应该调用一些回调方法。