Question

可能重复：
Return Value from inside of $.ajax() function

以下列函数为例：

function($data) {
    $.post(
        url,
        {
            'data': $data
        },
        function(response){
            return response;
        }
    );
}

我如何制作父功能：function($data) { ... }返回response？

由于我的脚本性质，我无法将其余的逻辑放入后回调中。 （见下文）

var methods = {

        'email' : function(field) {
            var value = field.val();
            var response = false;
            field.addClass("loading");
            $.post(
               ajaxData.url, 
               {
                  'action':'validate_form',
                  'value': value,
                  'method': field.data('method')
               }, 
               function(response){
                   return response;
               }
            ).complete(function() {
                field.removeClass("loading");
            });
        },

        'password' : function(field) {
            var value = field.val();
            var response = {};
            if (value.length < 8) {
                response.result = false;
                response.message = 'Your password must be a minimum of 8 characters';
            } else {
                response.result = true;
                response.message = false;
            }
            return response;
        },

        'verify_password' : function(field, dependancies) {
            var value = field.val();
            var response = {};
            if (value != dependancies["password"].val()) {
                if (!dependancies["password"].val() || !value) {
                    return false;
                }
                response.result = false;
                response.message = 'Passwords do no match';
            } else {
                response.result = true;
                response.message = false;
            }
            return response;
        }
    }

methods的每个属性都是可以调用的函数，稍后在脚本中使用return值。

var response = methods[field.data('method')](field, field.data('dependancies'));

Answer 1

由于AJAX的 A 代表Asynchronous，所以您无法按照自己的意愿返回。您可以尝试使用如下所示的回调函数：

function($data, callback) {
    $.post(
        url,
        {
            'data': $data
        },
        function(response){
            return callback(response);
        }
    );
}

例如：

var myObj = {
   myfunc: function($data, callback) {
        $.post(
            url,
            {
                'data': $data
            },
            function(response){
                return callback(response);
            }
        );
    }
}

myObj.myfunc($data, function(response) {
  // process here with response
});

jQuery通过父函数返回$ .post回调

1 个答案: