Question

我在jquery中调用的函数返回undefined。我检查了这个函数，当我发现它时它返回了正确的数据。

function addToPlaylist(component_type,add_to_pl_value,pl_list_no) 
    {
        add_to_pl_value_split = add_to_pl_value.split(":");

        $.ajax({
            type: "POST",
            url: "ds/index.php/playlist/check_folder",
            data: "component_type="+component_type+"&value="+add_to_pl_value_split[1],
            success: function(msg)
            {
                if(msg == 'not_folder')
                {
                    if(component_type == 'video')
                    {
                        rendered_item = render_list_item_video(add_to_pl_value_split[0],add_to_pl_value_split[1],pl_list_no)
                    }

                    else if(component_type == 'image')
                    {
                        rendered_item = render_list_item_image(add_to_pl_value_split[0],add_to_pl_value_split[1],pl_list_no)
                    }
                }
                else
                {
                    //List files from folder
                    folder_name = add_to_pl_value_split[1].replace(' ','-');

                    var x = msg; // json 
                    eval('var file='+x); 

                    var rendered_item;

                    for ( var i in file )
                    {
                        //console.log(file[i]);
                        if(component_type == 'video')
                        {
                            rendered_item = render_list_item_video(folder_name+'-'+i,file[i],pl_list_no) + rendered_item;
                        }

                        if(component_type == 'image')
                        {
                            rendered_item = render_list_item_image(folder_name+'-'+i,file[i],pl_list_no) + rendered_item;
                        }
                    }
                }

                $("#files").html(filebrowser_list); //Reload Playlist

                console.log(rendered_item);

                return rendered_item;
            },
            error: function()
            {
                alert("An error occured while updating. Try again in a while");
            }
         })         
    }

$('document').ready(function()
{
    addToPlaylist($('#component_type').val(),ui_item,0); //This one returns undefined
});

Answer 1

函数addToPlaylist没有return任何内容。它产生一个异步请求，最终执行一个回调函数，返回一些东西。原始的addToPlaylist函数很久就完成了，并且在发生这种情况时返回，并且回调函数返回到nobody。

即。 success: function(msg) { }代码在不同的上下文中执行，并且晚于周围的addToPlaylist函数执行。

试试这个以查看它的实际效果：

function addToPlaylist() {
    $.ajax({
        ...
        success : function () {
            alert('second');  // comes after 'first'
            return null;      // returns to nobody in particular
        }
    });
    alert('first');      // comes before 'second'
    return 'something';  // can only return here to caller
}

Answer 2

您通过AJAX提出请求，根据定义，这是异步的。这意味着您在AJAX请求完成之前从函数返回。实际上，返回语句从回调函数返回时没有意义，而不是addToPlaylist函数。

你有几个选择。第一个更好。

首先，您可以使用AJAX请求的异步特性并将回调传递给您的addToPlaylist方法（就像您将匿名回调传递给ajax函数一样）并进行AJAX回调，调用该函数而不是返回。这样，您的请求就会异步完成，并且在浏览器运行时不会锁定它。

function addToPlaylist(component_type, add_to_pl_value, pl_list_no, cb )
{
    ...yada yada yada...
    $.ajax({
         ...
         success: function(data) {
            ...
            if (cb) {
               cb.apply(this, rendered_item );
            }
         }
    });
}

其次，您可以将选项aSync: false添加到ajax调用中。这将强制AJAX调用同步运行（基本上它只是循环，直到调用返回然后调用你的回调）。如果这样做，则需要在回调内的addToPlaylist函数中捕获局部变量，并从回调中为其分配值。在addToPlaylist函数的末尾，返回此变量作为结果。

function addToPlaylist(component_type, add_to_pl_value, pl_list_no )
{
    ...yada yada yada...
    var result = null;
    $.ajax({
         aSync: false,
         ...
         success: function(data) {
            ...
            result = rendered_item;
         }
    });

    return rendered_item;
}

Answer 3

我同意deceze。你需要做的是在success函数中为rendered_item执行必要的操作，而不是依赖于从addToPlayList（）获取一些东西。

jquery中的函数返回undefined

3 个答案: