前端渣渣对requestAPI的不断重构之路

自学路上太艰难，因为不仅仅会遇到一些除了前端的问题，还会遇到许多其他没涉及到的问题，那时候的自己属于，这个东西能做出来就行了，不会去考虑优化，或者重构代码等，直到大三去实习了一段时间之后，才发现自己多菜，乃至现在毕业了，入部门直接做一些重要的需求，如 xx 展会演示的某个功能，看着前人代码，越感自己菜到极致。

好了，不扯那么多了，上边是为了做铺垫，因为这篇文章，会有我最初的代码风格和现在的一个风格。

功能

这里就以一个最简单的功能进行讲解，一个输入框，输入用户名和密码，然后点击登录，就登录完成啦 ~

登录成功之后，拿到用户信息 ~

最初的样子

在我年少无知的时候，jQuery 就是爸爸，有他在，没什么做不到的，但是说实在话，那时候真的用 jQuery 就只是为了 ajax 发送请求，于是我的代码是这样的

// adapter.js
$.ajax({
 url: 'http://backend-dev-manage/login',
 method: 'post',
 dataType: 'json',
 data: {
 username: 'pengdaokuan',
 password: '123456'
 },
 success: function(data) {
 console.log(data)
 }
})
复制代码

perfect ! 就很棒 ~

按道理来讲，是没得问题的，但是这时候，我身份就变了，就是…我成为了搬运工 …

为什么这么说，因为每次要发送请求，我都要 copy 代码，ctrl + c、ctrl + v 了解一下 …

哪个页面需要发请求，我直接一顿操作，copy 就完事了

// a.html
$.ajax({
 url: 'http://backend-dev-manage/getAllStudent',
 method: 'get',
 success: function(data) {
 console.log(data)
 }
})
// b.html
$.ajax({
 url: 'http://backend-dev-manage/getAllTeacher',
 method: 'get',
 success: function(data) {
 console.log(data)
 }
})
// c.html
$.ajax({
 url: 'http://backend-dev-manage/getAllManage',
 method: 'get',
 succes