[发明专利]基于Fetch的数据通信方法和系统

权利要求书

1.一种基于Fetch的数据通信方法，其特征在于，包括：

客户端基于Fetch向服务器端发送请求；

根据客户端发送的请求，选择Client中相应的方法，并通过Request中统一封装的request方法向服务器端发送请求；

服务器端接收到发送请求后，根据请求参数从数据库获取相应的数据，并将数据返回给客户端；

其中，所述客户端基于Fetch向服务器端发送请求，包括：

引入http库，并进行初始化配置；

以配置后的方式向服务器端发送请求；

其中，所述http库的开发过程包括四个步骤：

步骤一：通过window.fetch发起调用；

步骤二：抽离出window.fetch的功能模块，并进行单独编译和存储；

步骤三：对window.fetch原有的方法进行重写，对window.fetch进行封装、利用其Promise的特性添加请求/响应拦截器和异常处理器；

步骤四：将封装好的http库返回给用户。

2.根据权利要求1所述的数据通信方法，其特征在于，所述window.fetch的功能模块，包括：

对客户端请求方法进行统一管理的CLient，

对请求方式进行统一管理的Request，以及，

对接口异常进行捕获处理的HttpError。

3.根据权利要求1所述的数据通信方法，其特征在于，所述进行初始化配置，包括：

根据业务需求对请求方式和请求参数进行初始化配置；

所述请求方式包括：get、post、put、delete、upload、download和ossDownload。

4.根据权利要求3所述的数据通信方法，其特征在于，所述选择Client中相应的方法，包括：

调用Client中根据请求方式封装的请求方法。

5.根据权利要求1至4任一项所述的数据通信方法，其特征在于，所述客户端基于Fetch向服务器端发送请求，还包括：

设置请求/响应拦截器，和/或，设置异常处理器。

6.根据权利要求5所述的数据通信方法，其特征在于，

当客户端设置了请求/响应拦截器后，所述选择Client中相应的方法，包括：

调用Client中与拦截器相对应的拦截方法；

当客户端设置了异常处理器后，所述选择Client中相应的方法，包括：

调用Client中与异常处理器相对应的异常处理方法。

7.如权利要求5所述的数据通信方法，其特征在于，

当客户端设置了请求/响应拦截器后，响应拦截器能够对服务器端返回的数据进行处理，并将处理后的数据统一返回给客户端；

当客户端设置了异常处理器后，异常处理器能够对服务器端返回的数据进行拦截，并处理报错信息。

8.一种基于fetch的前后端数据通信系统，其特征在于，包括：

客户端、OureaFetch库和服务器端；

其中，所述客户端用于基于Fetch向所述服务器端发送请求；

所述OureaFetch库用于根据所述客户端发送的请求，选择Client中相应的方法，并通过Request中统一封装的request方法向所述服务器端发送请求；

所述服务器端用于接收到发送请求后，根据请求参数从数据库获取相应的数据，并将数据返回给所述客户端；

其中，所述客户端基于Fetch向服务器端发送请求，包括：

引入http库，并进行初始化配置；

以配置后的方式向服务器端发送请求；

其中，所述http库的开发过程包括四个步骤：

步骤一：通过window.fetch发起调用；

步骤二：抽离出window.fetch的功能模块，并进行单独编译和存储；

步骤三：对window.fetch原有的方法进行重写，对window.fetch进行封装、利用其Promise的特性添加请求/响应拦截器和异常处理器；

步骤四：将封装好的http库返回给用户。