ajaxjquery写法：使用fetchAPI封装的简单介绍

使用ajax需要哪些js

使用ajax需要以下js： JavaScript基础语法。 AJAX技术核心库。 可能需要HTTP协议相关知识。详细解释：JavaScript基础语法： 这是使用AJAX的基础，因为AJAX是基于JavaScript的一种技术。了解变量、函数、、DOM操作等基础的JavaScript知识是必需的。

使用jQuery AJAX时，确实不需要额外引入其他文件，只需包含jQuery即可。推荐使用CDN链接，如：https：//cdn.bootcss.com/jquery/1/jquery.min.js。

使用fetch发送AJAX请求的步骤如下： 创建一个请求信息，可以是URL、对象或字符串。 可选地，创建一个初始化对象来设置请求头、方法、请求体等参数。 调用fetch方法，将请求信息和初始化对象作为参数传递。fetch方法返回一个Promi对象，调用其then（）方法可以处理成功和失败的响应。

比如，您可能需要从一个用户资料页面获取用户的姓名和职位信息。这时，您可以使用$.get（）方法，向服务器发送请求，获取用户资料的数据。请求成功后，回调函数会被调用，处理返回的ON格式数据，从而更新页面上的用户资料。

前端数据请求方式—Fetch的使用

1、Fetch的使用主要包括以下几点：核心方法：fetch方法：Fetch API的核心在于fetch方法，它用于发起网络请求。该方法返回一个Promi对象，该对象在请求成功或失败时被解决或拒绝。处理响应：Respon对象：fetch方法返回的Promi对象在解决时提供一个Respon对象。该对象包含了响应的状态信息以及响应体。

2、fetch（）方法使用：通过fetch（url）发起请求，参数是请求路径，返回的Promi解析为Respon对象。如：fetch（gitee.com/api/v5/urs/...）.then（respon = console.log（respon）。注意，需要进一步解析Respon来获取数据，如respon.json（）。

3、Fetch API的核心在于fetch（）方法，它以Promi的形式处理请求，返回Respon对象，无论是成功响应还是错误，都会在对应的then（）中处理。响应状态可通过Respon.ok、status和statusText属性查看，数据获取则需进一步解析，如使用json（）方法获取ON对象。

4、要使用前端的React框架获取数据，可以借助fetch API，该API在组件的生命周期方法如 componentDidMount 中进行请求。具体代码实现如下：在 componentDidMount（） 方法内，使用fetch（https：//api.example.com/data）进行数据请求。fetch函数接收一个URL作为参数，获取指定资源的响应。

5、获取远程数据是前端开发中的常见需求，主要通过两种方式实现：Fetch 和 XHR。Fetch 是 ES6 中新增的函数，提供简单、合理的资源获取方式，利用 Promi 提高异步操作的便捷性。而 XHR 是浏览器提供的原生 API，允许在不刷新页面的情况下请求特定 URL，更新页面内容。

6、Ajax请求普通的Ajax请求，用XHR发送一个json请求一般是这样的：使用fetch实现的方式：也可以用async/await的方式用了await后，写异步代码感觉像同步代码一样爽。await后面可以跟Promi对象，表示等待Promi resolve（）才会继续下去，如果Promi被reject（）或抛出异常则会被外面的try...catch捕获。