使用SPService库进行jQuery延期/承诺

Question

我正试图从SPService SPGetListItemsJson获取我的承诺项。问题是，当调用SPGetListItemsJson时，当完成requestPromise并解决延迟时，我希望数据会传递到populateDropDownControlWithList中的匿名函数中，但它是未定义的。

   function populateDropDownControlWithList(option, control, addSelectValue)
    {
        if (typeof (addSelectValue) === 'undefined')
        {
            addSelectValue = false;
        }
        var selectedIndex = control.val() ? control.val() : -1;    
        if (addSelectValue)
        {
            control.append('<option value=-1>Select an Option</option>');
        }
        var request = SPGetListItemsJson(option);
        request.done(function (data) // Expect the json object here but it is undefined
        {
            $.each(data, function () 
            {
                controlappend('<option value=' + this.Id + '>' + this.Title + '</option>');
            });
        });
    }
    function SPGetListItemsJson(option)
    {
        var deferred = $.Deferred();
        var requestsPromise = $().SPServices.SPGetListItemsJson({
            listName: option.Name,
            CAMLQuery: option.Query,
            CAMLViewFields: option.View,
            mappingOverrides: option.Mapping,
            debug: option.Debug,
            async: option.async
        });
        requestsPromise.done(function ()
        {
            deferred.resolveWith(this.data); // Verified this.data is populated with the correct result
        });
        return deferred.promise();
    }

如有任何帮助，我们将不胜感激！

Answer 1

以下是我的操作方法：

function getListOne() {
    var dfd = $.Deferred();
    $().SPServices({
        operation: "GetListItems",
        listName: "ListOne",
        completefunc: function(data, status) {
            console.log("first is done");
            if (status == "success") {
                //do stuff
                dfd.resolve("");
            } else {
                dfd.reject();
            }
        }
    });
    return dfd.promise();
}
function getListTwo() {
    var dfd = $.Deferred();
    $().SPServices({
        operation: "GetListItems",
        listName: "ListTwo",
        completefunc: function(data, status) {
            console.log("second is done");
            if (status == "success") {
                //do stuff
                dfd.resolve("");
            } else {
                dfd.reject();
            }
        }
    });
    return dfd.promise();
}
$.when(getListOne(), getListTwo()).then(function() {
    console.log("both are done");
});

更容易证明它可以使用2个列表和控制台日志。

Answer 2

您确定$().SPServices.SPGetListItemsJson()返回promise吗？

SPServices文档不明确。它说该方法返回一个JavaScript（普通）对象，但随后给出了一个var traineePromise = $().SPServices.SPGetListItemsJson({...})的例子，并继续使用$.when(traineePromise).done(...)。

因此，谨慎的做法是将您的SPGetListItemsJson()写如下：

function SPGetListItemsJson(option) {
    var obj = $().SPServices.SPGetListItemsJson({
        listName: option.Name,
        CAMLQuery: option.Query,
        CAMLViewFields: option.View,
        mappingOverrides: option.Mapping,
        debug: option.Debug,
        async: option.async
    });
    return $.when(obj).then(function () {
        return this.data;
    });
}

Answer 3

通过进行以下更改，我现在可以让它工作了。我会把它贴出来，以防有人觉得有用。

request.done(function ()
{
    $.each(this, function () 
    {
        control.append('<option value=' + this.ID + '>' + this.Title + '</option>');
    });
});

谢谢！