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

说明书

本发明涉及一种基于Fetch的数据通信方法和系统，所述方法包括：客户端基于Fetch向服务器端发送请求；根据客户端发送的请求，选择Client中相应的方法，并通过Request中统一封装的request方法向服务器端发送请求；服务器端接收到发送请求后，根据请求参数从数据库获取相应数据，并返回给客户端。本发明提出了一个通用的请求流程，提供统一的初始化配置信息，能够适应不同配置下的各种请求；该方法将请求方式标准化，通过给定的请求方式进行数据请求，降低了用户使用门槛；该方法将拦截器规范化，规范了请求拦截、响应拦截和异常处理，为整个请求流程提供了可靠、规范的数据处理过程，有利于实现前后端的高质量通信。

技术领域

本发明涉及web前端开发技术领域，具体涉及一种基于Fetch的数据通信方法和系统。

背景技术

目前前端开发领域有各种前后端数据通讯的业务场景，包括：静态资源的获取、数据的更新、页面的无刷新渲染等等。现有的两端之间的数据交互常用的是基于XMLHttpRequests开发的第三方库，因此依赖的质量良莠不齐，可扩展性也因XMLHttpRequests的局限性而不同。

现有的前端项目只要与后台进行数据交互时，都会用到相关的Http请求库，以实现页面数据的局部渲染。目前市场上提供的Http库中，基本都是通过Promise封装XMLHttpRequests的Http库，应用场景多为浏览器端。比如现在市场上覆盖率最高的Http库为Axios，是为数不多的可以在浏览器和node中同时使用的库。现有的Http库可扩展性和高效性较差，代码的复杂度较高，功能实现操作复杂，扩展的信息不清晰、调用不方便，严重影响了web前端开发者的开发效率和质量，不利于实现前后端的高质量数据通信。

发明内容

有鉴于此，本发明的目的在于克服现有技术的不足，提供一种基于Fetch的数据通信方法和系统。

为实现以上目的，本发明采用如下技术方案：一种基于Fetch的数据通信方法，包括：

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

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

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

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

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

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

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

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

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

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

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

可选的，所述window.fetch的功能模块，包括：

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

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

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

可选的，所述进行初始化配置，包括：

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