multiple-xhr.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>AMD Promise Tests</title>
</head>

<body>
    <script src="jquery.js"></script>
    <script src="promise.js"></script>
    <script>
        function getURL(URL) {
            return new Promise(function (resolve, reject) {
                var req = new XMLHttpRequest();
                req.open('GET', URL, true);
                req.onload = function () {
                    if (req.status === 200) {
                        resolve(req.responseText);
                    } else {
                        reject(new Error(req.statusText));
                    }
                };
                req.onerror = function () {
                    reject(new Error(req.statusText));
                };
                req.send();
            });
        }
        var request = {
            comment: function getComment() {
                return getURL('http://azu.github.io/promises-book/json/comment.json').then(JSON.parse);
            },
            people: function getPeople() {
                return getURL('http://azu.github.io/promises-book/json/people.json').then(JSON.parse);
            }
        };

        function main() {
            function recordValue(results, value) {
                results.push(value);
                return results;
            }
            // [] 用来保存初始化的值
            var pushValue = recordValue.bind(null, []);
            return request.comment().then(pushValue).then(request.people).then(pushValue);
        }
        // 运行的例子
        main().then(function (value) {
            console.log(JSON.stringify(value));
        }).catch(function (error) {
            console.error(error);
        });
    </script>
</body>

</html>