angularJS中批量提交请求的batch.js（2）

最新推荐文章于 2025-07-03 12:40:33 发布

原创最新推荐文章于 2025-07-03 12:40:33 发布 · 889 阅读

0 ·

CC 4.0 BY-SA版权

批处理（batch.js）专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用OData和jQuery库简化数据批处理操作的方法，包括如何创建批量请求构建器，如何将请求组合成批量请求，以及如何从服务接收并解析响应。重点展示了postBatch、createBatchBuilder和getOrderLines等关键函数的应用。

/// <reference path="./datajs-1.1.3.min.js" />

// This is a helper module that contains functions to make building and sending requests to our service easier.
var ODataEFBatchSample = (function (odata, $) {
    return {

        // Posts a batch request to the service endpoint.
        postBatch: function (requests) {
            // Create a "TaskCompletionSource" to wrap the result of the callbacks to datajs into a promise interface.
            var deferred = $.Deferred();

            // Fulfills the promise when the call to datajs is successful.
            var success = function (data, response) {
                deferred.resolve(data);
            };

            // Rejects the promise when the call to datajs throws an error.
            var error = function (error, response) {
                deferred.reject(error);
            };

            // Creates a batch request with the requests passed as argument.
            var batchRequest = {
                requestUri: "/odata/$batch",
                method: "POST",
                data: requests
            };

            // Sends the request to the service asynchonously.
            odata.request(batchRequest, success, error, odata.batchHandler);

            // Returns a promise that will be fulfilled or rejected when the call to the service returns.
            return deferred.promise();
        },

        // Creates a batch builder to make building batch requests easier.
        createBatchBuilder: function () {
            var data = {
                __batchRequests: []
            };

            builder = {};

            // Adds a changeset to the batch request and returns a changeSetBuilder in order to add requests
            // to the changeset.
            builder.addChangeSet = function () {
                var changeset = { __changeRequests: [] };
                data.__batchRequests.push(changeset);

                var changeSetBuilder = {};

                // Adds a request at the end of the current changeset and returns the changeSetBuilder to allow adding
                // more requests to the changeSet.
                changeSetBuilder.addRequest = function (request) {
                    var requests = changeset.__changeRequests;
                    requests.push(request);
                    return changeSetBuilder;
                };

                return changeSetBuilder;
            };

            // Returns a batch request containing the changesets added using the builder.
            builder.getBatchRequest = function () {
                return data;
            };

            return builder;
        },

        // Queries the OData service for orders whose CustomerId is equal to the one indicated by key.
        getOrderLines: function (key) {
            // Create a "TaskCompletionSource" to wrap the result of the callbacks to datajs into a promise interface.
            var deferred = $.Deferred();

            // Fulfills the promise when the call to datajs is successful.
            var success = function (data) {
                deferred.resolve(data);
            };

            // Rejects the promise when the call to datajs throws an error.
            var error = function (error) {
                deferred.reject(error);
            };

            // Sends the request to the service asynchonously.
            OData.read('/odata/Orders?$filter=CustomerId eq ' + key, success, error);

            // Returns a promise that will be fulfilled or rejected when the call to the service returns.
            return deferred.promise();
        }
    };
})(OData, jQuery);

var getResponses = function (data) {
    var batchResponses = data.__batchResponses;
    var changeSet = batchResponses[0];
    return changeSet.__changeResponses;
};

postBatch：提交批量请求

createBatchBuilder：收集请求，组成批量请求集合

getResponses：收到请求时返回的响应