通用的封装的api接口采用es6的promise

系统管理员 2024-04-17 05:45 57阅读 0赞

> var baseUrl="https://www.api.net";//接口地址的共用部分
> 
> function $request(url, data, params) \{  
>   return new Promise(function (resolve, reject) \{  
>     $.ajax(\{  
>       url:baseUrl+ url,  
>       type: params && params.type || 'POST',  
>       dataType: params && params.dataType || 'JSON',  
>       data: JSON.stringify(data),  
>       success: function (res) \{  
>         if (res.code == 101) \{//登录失效。清空缓存转去登录  
>           sessionStorage.clear();  
>           window.top.location.href= "/login.html";//在当前页跳出框架打开新页面  
>         \} else \{  
>           resolve(res)  
>         \}  
>       \},  
>       error: function (res) \{  
>         reject(res)   
>       \},  
>       headers: \{  
>             "x-access-token": sessionStorage("token")|| '',   //要在登录页面把token存在sessionStorage里面  
>       \}  
>     \});  
>   \})  
> \}

定义接口名.把所有的接口地址命名成一个变量。然后具体的页面就可以不写接口地址。只写用这个变量名代表。然后遇到修改接口的情况也只有改这个文件里面变量对应的接口地址，不用再每个页面都找了。

> function login(data, params) \{ return $request('kyk/login/login', data, params) \}//登录

使用：

> login(\{ 要传的参数在这里\}).then(res=>\{
> 
>  if(res.code==1)\{//接口访问成功
> 
>          //根据接口内容进行的操作,比如下面的保存token
> 
>          sessionStorage.setItem('token', res.data.token);
> 
> \}
> 
> else\{
> 
>       alert("接口报错了")
> 
> \}
> 
> \})

======================================================================

2019-8-23

今天在研究promise的时候发现还有一种写法。在接口回调完成之后进行的操作可以不写在当前的then下面。

data=res.data;  
                        console.log("11111111");  
                    \}).then(res=>\{  
                        console.log(data)  
                    \}).then(res=>\{

console.log("完成啦")

\})  
                \}

他打印的顺序是11111111。data的值  。完成啦

实际上就达到了同步的意义啦。按照顺序一个then的往下执行的