本人已经过原 Danny Markov 授权翻译

在本教程中，我们将学习如何使用 JS 进行AJAX调用。

最近公司的项目出现一些调整，登录状态的token，从原来存放在sessionStorage里，时效周期性和浏览器tab关联，改变为有效期变为8小时，而且在token失效时不跳转登录页面，而是自动刷新。因此为了实现无感刷新token,梳理了下大致流程

获取上传进度的几种方式

今天测试说咱们的上传后的等待界面都没有loading, 看起来不像是等待界面需要优化。然后产品说参考下其他业务的上传搞下吧。 我以为就一个loading的事，发现其他业务上传使用的是环形、线形进度条。我说现在接口是没有返回当前进度的，如果是以上传完成后的文件数量（因为我们是一个个文件上传分批次调的接口）做判断也不太准确，因为文件有大有小的。

在Web开发中，获取数据是常见的任务之一。fetch是一种在JavaScript中发送HTTP请求和获取响应的方法。fetch使用Promise对响应进行封装，比传统的XHR请求更容易使用。本文将介绍如何在JavaScript中使用Fetch，并提供一个实际的示例。

在本系列中，我将定期分享有关JavaScript的小知识。我们将介绍JS基础知识，浏览器，DOM，系统设计，域体系结构和框架。Fetch是用于在JavaScript中发出AJAX请求的接口。它由现代浏览器广泛实现，并用于调用API。

调用fetch返回带有响应对象的Promise。如果出现网络错误，则将拒绝访问；如果连接到服务器没有问题，并且服务器响应了状态代码，则可以解决诺言。此状态码可以是200s，400s或500s。

在 Web 前后端分离架构模式下，跨域（跨源）请求属于日常的基本情况了。浏览器出于安全考虑，会限制 JavaScript（简称 JS）脚本内发起跨源 HTTP 请求，同源没有此类限制。前端解决跨域方法有很多，比如

背景

前段时间我在开发一个小车的项目的时候，需要制作一个控制终端并实时获取小车的数据，并且需要可以给小车发送控制信号。

我才用在小车上使用Flask框架搭建一个API服务器，然后在控制终端使用React NextJS框架搭建一个前端页面，通过API获取小车的数据并且发送控制信号。