js发送请求方法 js发送post请求获取数据
JavaScript有很好的发送HTTP请求的模块和方法，可以用来发送或接收来自服务器端资源的数据。在本文中，我们将介绍一些在JavaScript中进行HTTP请求的流行方法。AjaxAjax是发出异
JavaScript有很好的发送HTTP请求的模块和方法，可以用来发送或接收来自服务器端资源的数据。在本文中，我们将介绍一些在JavaScript中进行HTTP请求的流行方法。
Ajax
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和status允许我们检查请求的状态。
如果readyState等于4，则请求已经完成。
除了使用JavaScript直接进行Ajax调用，还有其他更强大的HTTP调用方法，比如$。AjaxjQuery方法。
jQuery方法
JQuery有很多方法可以轻松处理HTTP请求。要使用这些方法，您需要在项目中包含jQuery库。
$。ajax
JQuery Ajax是进行HTTP调用的最简单的方法之一。
$ .ajax方法需要很多参数，有些是必需的，有些是可选的。它包含两个回调选项success和error来处理收到的响应。
$。get方法
的美元。get方法用于执行GET请求。它需要两个参数:请求地址和回调函数。
$。帖子
这个美元。post方法是向服务器发布数据的另一种方式。它需要三个参数:请求的url地址、要发送的数据和回调函数。
$。getJSON
这个美元。getJSON方法只检索JSON格式的数据。它需要两个参数:url和回调函数。
JQuery拥有所有这些向远程服务器请求或发布数据的方法。但实际上，你可以把所有这些方法合并成一个:$。ajax方法，如下例所示:
获取
Fetch是一个新的强大的Web API，允许您进行异步请求。事实上，这种获取是进行HTTP请求的最好和最受欢迎的方式之一。它返回一个“承诺”，这是ES6的一大特色。如果不熟悉ES6，可以看看关于ES6的文章。Promise允许我们以更智能的方式处理异步请求。让我们看看fetch技术是如何工作的。
fetch函数需要一个必需的参数:endpointURL。它还有其他可选参数，如下例所示:
如您所见，fetch在发出HTTP请求方面有很多优势。此外，fetch中还有其他模块和插件允许我们发送和接收来自服务器的请求，如Axios。
Axios
Axios是一个用于进行HTTP请求的开源库，提供了许多强大的功能。让我们看看它是如何工作的。
用法:
首先，你需要包含Axios。有两种方法可以将Axios包含到您的项目中。
首先，您可以使用npm:
npm安装axios & # 8211救援
那就需要导入了。
从‘导入axiosaxios & # 8217
使用axios提出请求:
使用Axios，您可以使用GET和POST从服务器检索和发布数据。
Axios采用一个必需参数或第二个可选参数。把这个数据当作一个简单的查询。
帖子:
Axios返回“承诺”。如果您熟悉承诺，您可能知道承诺可以执行多个请求。您可以使用axios来执行相同的操作，并同时运行多个请求。
Axios支持许多其他方法和选项。你可以在官网了解他们。
