原生JS如何发送AJAX请求

一、原生JS如何发送AJAX请求

AJAX技术，全称为Asynchronous Javascript And XML，是一种允许网页在不刷新整个页面的前提下实现动态更新的技术。它主要通过异步的方式回应用户的操作，提升用户体验。

AJAX融合了JavaScript和XML，可以实现页面的部分内容更新，而不是刷新整个页面。目前，我们主要使用XMLHttpRequest对象和fetch方法来发送AJAX请求。

XMLHttpRequest对象提供了一系列方法和属性，如open()用于初始化请求，setRequestHeader()用于设置请求头，send()用于发送请求。XMLHttpRequest的使用步骤如下：

1.初始化XMLHttpRequest对象，通过open()方法指定请求类型、URL和是否异步，可选添加用户名和密码。

2.使用setRequestHeader()方法设置请求头，可以多次调用添加多个请求头。

3.调用send()方法发送请求，如果需要发送数据，可以作为参数传递。

此外，XMLHttpRequest对象还提供了状态、响应头、响应体等属性，用于获取请求的状态和响应信息。

fetch方法是ES2015引入的一个用于发送AJAX请求的API，它是XMLHttpRequest的一个升级版。fetch方法的语法为fetch(input: RequestInfo, init?: RequestInit): Promise;它接收一个请求信息和可选的初始化对象作为参数。常用的配置项包括设置请求方法、URL、头信息、请求体等。

使用fetch发送AJAX请求的步骤如下：

1.创建一个请求信息，可以是URL、对象或字符串。

2.可选地，创建一个初始化对象来设置请求头、方法、请求体等参数。

3.调用fetch方法，将请求信息和初始化对象作为参数传递。

fetch方法返回一个Promise对象，调用其then()方法可以处理成功和失败的响应。如果请求失败，可以使用catch()方法来处理错误。

二、vuejs和后台交互时,怎么发送请求和接收请求

1、在Vue.js与后台进行交互的过程中，发送请求和接收响应是两个核心步骤。首先，我们需要使用axios这样的库来发送HTTP请求。例如，我们可以使用axios的get方法来从后端获取数据：

2、axios.get(';)

3、这里的例子展示了如何使用axios的get方法发送一个GET请求，并在接收到响应后处理数据。同样，我们可以使用axios的post方法来向后端发送数据，例如：

4、axios.post(';,{name:'张三', age: 20})

5、这个例子演示了如何发送一个POST请求，携带数据到后端。接收请求时，后端通常会返回JSON格式的数据，我们可以使用then方法来处理这些数据。

6、在Vue组件中，我们通常会在methods中定义这些请求函数，以便在组件的生命周期中调用它们。例如：

7、axios.get(';)

8、在这个例子中，我们定义了一个名为getData的方法，在组件创建时自动调用它，从而获取数据并在组件中展示。

9、总之，Vue.js与后台交互时，发送请求和接收响应是通过HTTP协议进行的。我们使用axios这样的库来简化这些操作，并在Vue组件中定义相应的请求函数，以便在适当的时候调用它们。

三、微信jssdk一天最多请求多少次

access token的获得方法在前面有介绍，详情见微信公众平台开发(26) ACCESS TOKEN

生成签名之前必须先了解一下jsapi_ticket，jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下，jsapi_ticket的有效期为7200秒，通过access_token来获取。由于获取jsapi_ticket的api调用次数非常有限，频繁刷新jsapi_ticket会导致api调用受限，影响自身业务，开发者必须在自己的服务全局缓存jsapi_ticket。

参考以下文档获取access_token（有效期7200秒，开发者必须在自己的服务全局缓存access_token）：

用第一步拿到的access_token采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket），接口地址如下