推迟 JQUERY | AJAX

Question

我的要求是 return 使用 "SetUnit()" 函数的数据，但此函数包含异步 AJAX 服务，所以我使用的是 Deferred（http://jsfiddle.net/b69ubLa0/21/）link。但这不符合我的要求。

代码......

函数

function SetUnit(query) {
            var $q = new $.Deferred();
            var oData = [];
            var filter = JSON.stringify({ 'param': query });
            $.ajax({
                type: "POST",
                url: '../WebService.asmx/ExecuteReader',
                contentType: "application/json; charset=utf-8",
                data: filter,
                dataType: "json",
            }).fail(function (jqXHR, textStatus, errorThrown) {
                $q.reject(jqXHR, textStatus, errorThrown);
            }).done(function (data, textStatus, jqXHR) {
                return $q.resolve(data);
            });
            return $q.promise();
        }

调用函数1

var oUNIT_NAME = SetUnit(query).done(function (data) { return data; });

调用函数2

 var oUNIT_NAME = SetUnit(query);

使用 2 样式调用函数。

并且这个 "oUNIT_NAME" 变量用于绑定许多下拉菜单。

服务ReturnJSON对象

[{id:1,name:a},{id:1,name:a},{id:1,name:a},{id:1,name:a}]

注意：如果我在 AJAX 设置中添加 (async: false) ，这是有效的，但这不是一个好的做法，这会阻止我的 UI.

Answer 1

希望对您有所帮助。我不是延迟对象方面的专业人士，但我相信这可以满足您的需求。

已更新

Working Fiddle

var oUNIT_NAME = {};
function SetUnit(query) {
    var $q = new $.Deferred()
    $q.promise(oUNIT_NAME);
    oUNIT_NAME.done(function(data) {
        //Bind your dropdowns
        alert(JSON.stringify(data));
    }).fail(function(jqXHR, textStatus, errorThrown) {
        //Alert user
        alert(errorThrown);
    });
    var oData = [];
    var filter = {
        json: JSON.stringify({
            data: query
        })
    };
    return $.ajax({
        cache: false,
        type: "POST",
        url: '/echo/json/',
        data: filter,
        dataType: "json"
    }).fail(function(jqXHR, textStatus, errorThrown) {
        $q.reject(jqXHR, textStatus, errorThrown);
    }).done(function(data, textStatus, jqXHR) {
        $q.resolve(data);
    });
}

SetUnit({
    param: 123
})
$("button").click(function() {
    SetUnit({
        param: 456
    })
});

推迟 JQUERY | AJAX

Deferred In JQUERY | AJAX

javascript

ajax

jquery

promise

jquery-deferred