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

jQuery return $.post callback through parent function

本文关键字：post 回调返回函数 jQuery 更新时间：2023-11-04

可能重复：
$.ajax（）函数内部的返回值

以以下函数为例：

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'));

AsAJAX的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
});