【分享】让AJAX不依赖后端接口

1：用户登录                    url: ? （留给后端补充）                    请求方式：POST                    请求参数：email:String                          pwd:String                          checkCode:String                    返回数据：                        {                            code:int,//错误编码,登录成功为0 其他错误返回错误编码，没有result项                            result:{                                id:int // 用户ID                                name:string //用户名                                ...                            }                        }

　　　　　　后端如何辅助？

　　　　　　　　1：补充请求url。2：修正返回数据的字段。如果返回数据项很多文档中的字段不符合后端的开发字段，那么后端需要修改过来。
　　　　　　　　　修改文档是一个前后端讨论的过程，有任何疑问都可以沟通。文档完成以后各自一份。（文档中任何修改都可以使用其他颜色标注，提醒其他人员注意）

　　　　　　　　后端补充完整以后可能是这样：

?

1：用户登录                    url: user/login.php (补充)                    请求方式：POST                    请求参数：email:String                          pwd:String                          checkCode:String                    返回数据：                        {                            code:int,//错误编码,登录成功为0 其他错误返回错误编码，没有result项                            result:{                                id:int // 用户ID                                user:string //用户名（修改）                                ...                            }                        }

　　　　3：开发过程完全依照文档

　　　　　　文档完成以后，大家心里都很清楚我只要这样做，返回、使用这样的数据就一定没错。

　　　　　　后端开始写代码，完全不用理会前端，他根本不会来找你的麻烦。

?

前端如何依照文档开始工作？

　　　　接口都有了，返回数据也有了。那么接下来的工作就是构建一套可以使用模拟数据测试的框架。

　　　　如果使用jquery,一个简单的结构可能是这样。

　　　　用户点击登录按钮，前端模拟了文档中描述的数据，直接调用了回调函数。这跟真实情况一样。

View Code

　　　　上面的代码很容易理解，想要模拟数据测试的时候就把最底层的ajax请求方法覆盖掉。

　　　　当然这只是其中的一种，你可能有更好的方法或者通过一个全局变量就可以切换两个环境，就好象 debug = false, debug = true 这样！

最后

?

　　　　方法说透了其实也非常简单，重要的是scrum中backlog的分解和理解。
　　　　我所在的团队现在采用这种方式工作非常顺利。
　　　　最后我一直在考虑一个合并混淆压缩有500K JS 的应用如何组织代码？