第2.5小时（source|view）

看了前两节，有朋友要问

“哥们，你在逗我玩么，说好的后端提供api，你哪有ajax请求呀？”

好吧，咱们花点时间来用setTimeout简陋地模拟一下

(function() {
    var mockData = {
        body: {
            name: 'supershy',
            location: '西安'
        }
    }
    var userService = {
        getUser: getUser
    }
    // 对promise生疏的可以趁机学习下，这里就不解释了
    function getUser(url) {
        return new Promise(function(resolve, reject) {
            setTimeout(function() {
                resolve(mockData);
            }, 300)
        })
    }

    window.userService = userService;
})(window);

ok，没毛病，让我们调用一下

function showData(data) {
    return '<span class="name">' + data.body.name + '</span>' + '生活在' + '<a href="#">' + data.body.location + '</a>';
}

userService.getUser('/v1/user').then(function(res) {
    // 成功返回后，执行逻辑
    document.querySelector('body').innerHTML = showData(res);
})

这下看起来像那么回事了吧，我们继续。。。