ajax插件使用教程,ajax请求工具类使用说明

更新记录

0.2(2019-11-19)

修改json结构文件

1、改变之前json文件由开发者个人手动管理，现改为将测试过的接口，直接使用postMan工具导出的json文件；

2、保留原来的方法interfacePost方法，新增postMan方法；

0.1(2019-11-18)

ajax请求工具类使用说明

文档结构

http

http.js(http类的post方式的定义)

impl.js(具体interfacePost的实现)

interfacePath.json(接口的结构)

使用步骤

1.在App.vue中导入import impl.js文件,定义为Impl

2.定义globalData：{POST:Impl.instancePost}

3.在具体的页面的业务代码中使用async getHomeStayList(){const returnData = await getApp().globalData.POST("domainName","functionName",data);},domainName为域名或者是具体ip值，functionName为接口的定义的方法名，data为object类型，可以传入部分参数或为空；

4.定义一个值去处理 returnData;全过程为同步,直接处理即可

优点

1.把杂乱的接口请求全部放到json文件中处理。

2.整个过程为同步操作,不需要回调嵌套回调。

3.在globalData中定义,vue和nvue 中都可以直接使用

查看更多

平台兼容性

ajax请求工具类使用说明

文档结构

http

http.js(http类的post方式的定义)

impl.js(具体interfacePost的实现)

xxxx.json(0.2版本为从Postman中导出的json文档)

使用步骤

1.在App.vue中导入import impl.js文件,定义为Impl

2.定义globalData：{POST:Impl.postMan}

3.在具体的页面的业务代码中method使用async getHomeStayList(){const returnData = await getApp().globalData.POST("domainName","functionName",data);},domainName为域名或者是具体ip值，functionName为接口的定义的方法名，data为object类型，可以传入部分参数或为空

4.定义一个值去处理 returnData;全过程为同步,直接处理即可

优点

1.把杂乱的接口请求全部放到json文件中处理。

2.整个过程为同步操作,不需要回调嵌套回调。

3.在globalData中定义,vue和nvue 中都可以直接使用