JavaScript中发送HTTP请求的最常见方法

JavaScript有很好的发送HTTP请求的模块和方法，可以用来发送或接收来自服务器端资源的数据。在本文中，我们将介绍一些在JavaScript中发送HTTP请求的流行方法。

埃阿斯

Ajax是发出异步HTTP请求的传统方式。您可以使用HTTP POST方法发送数据，使用HTTP GET方法接收数据。让我们看看发送GET请求。我将使用JSONPlaceholder，这是一个免费的在线REST API，面向以JSON格式返回随机数据的开发人员。要在Ajax中进行HTTP调用，需要初始化一个新的XMLHttpRequest()方法，指定URL端点和HTTP方法(本例中为GET)。最后，我们使用open()方法将HTTP方法绑定到URL端点，并调用send()方法来触发请求。我们使用xmlhttprequest . onreadystatechange记录对控制台的HTTP响应，该响应包含当readystatechanged事件被触发时要调用的事件处理程序的属性。

如果您查看浏览器控制台，它将以JSON格式返回一个数据数组。但是我们如何知道请求是否已经实现？换句话说，我们如何使用Ajax处理响应？onreadyStatechange有两种方法，readystate和state，它们允许我们检查请求的状态。

如果readyState等于4，则请求完成。除了使用JavaScript直接进行Ajax调用，还有其他更强大的HTTP调用方法，比如$。AjaxjQuery方法。

jQuery方法JQuery有很多方法可以轻松处理HTTP请求。要使用这些方法，您需要在项目中包含jQuery库。

$.创建交互式、快速动态网页应用的网页开发技术

JQuery Ajax是进行HTTP调用最简单的方法之一。

美元。ajax方法需要许多参数，其中一些是必需的，另一些是可选的。它包含两个回调选项成功和错误处理收到的响应。

$.获取方法

美元。get方法用于执行GET请求。它需要两个参数：请求地址和回调函数。

$.邮政

这个美元。post方法是向服务器发布数据的另一种方式。它需要三个参数：请求的url地址、要发送的数据和回调函数。

$.getJson

美元。getJSON方法只检索JSON格式的数据。它需要两个参数：url和回调函数。

JQuery拥有所有这些向远程服务器请求或发布数据的方法。但是你实际上可以把所有这些方法组合成一个：$。ajax方法，如下例所示：

取得

Fetch是一个新的强大的网络应用编程接口，它允许您发出异步请求。事实上，这种获取是发出HTTP请求的最好和最受欢迎的方式之一。它返回一个“Promise”，这是ES6的一个主要特性。如果你不熟悉ES6，可以看看关于ES6的文章。Promise允许我们以更智能的方式处理异步请求。让我们看看fetch技术是如何工作的。

提取函数需要一个必需的参数：endpointURL。它还有其他可选参数，如下例所示：

如您所见，fetch在发出HTTP请求时有很多优势。此外，fetch中还有其他模块和插件，允许我们向服务器发送请求和从服务器接收请求，例如Axios。

爱可信

Axios是一个用于发送HTTP请求的开源库，提供了许多强大的功能。让我们看看它是如何工作的。

用法：首先，你需要包含Axios。有两种方法可以将Axios包含在您的项目中。首先，您可以使用npm: npm安装axios - save

然后你需要导入它从' axios '导入axios

使用axios发出请求：使用Axios，您可以使用GET和POST从服务器检索和发布数据。

Axios接受一个必需参数或第二个可选参数。这将一些数据视为简单的查询。

开机自检：

Axios返回“承诺”。如果你熟悉诺言，你可能知道诺言可以执行多个请求。您可以使用axios执行相同的操作并同时运行多个请求。

Axios支持许多其他方法和选项。你可以在官方网站上了解他们

摘要

以上是边肖介绍的JavaScript中最常用的发送HTTP请求的方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！