Chapter4-HTML中的同步和异步

当单击提交按钮时触发submit事件需要校验4个事件是否都为true，如都为true则发送，否则需要阻止submit事件（默认行为）。

举例：淘宝网的小缩略图，当鼠标悬停在小图中，会在旁边跳出一个框框展现物品的大图。这样做的好处在于：局部数据的刷新不仅优化页面的性能，也优化数据请求的资源。

页面发送请求到服务器——>服务器响应到客户端——>响应到达客户端，可以通过特定的函数使局部动态变化。

异步发送请求，服务器端收到请求，向客户端发送（不是一起发送）

Fetch函数和Promise

参考链接：https://zhuanlan.zhihu.com/p/644596660

https://www.ruanyifeng.com/blog/2020/12/fetch-tutorial.html

Fetch 被称之为下一代 Ajax 技术，内部采用 Promise 方式来处理数据

可以直接.then即可

优点：

在用法上，fetch()接受一个 URL 字符串作为参数，默认向该网址发出 GET 请求，返回一个 Promise 对象。它的基本用法如下。

[qzdypre]fetch(url)

.then(...)

.catch(...)

[/qzdypre]

全局的 fetch() 方法用于发起获取资源的请求。它返回一个 promise（期约）

promise有三个状态：

待定（pending）: 初始状态，既不是成功，也不是失败。

已解决（fulfilled）: 意味着操作成功完成。

已拒绝（rejected）: 意味着操作失败。

Promimse的构造函数接受一个函数，这个函数的两个参数分别称作resolve方法和reject方法。当任务成功时，调用resolve()方法，并传回一个Response对象。失败时，调用reject()方法。调用resolve和reject时，传入的值，将作为输入参数，传递到then方法的resolve和reject中。
在Promise对象上可以调用then()方法，它也接受两个方法，一个是resolve，一个是reject。then()方法返回的还是一个Promise对象，因此支持链式调用。值得注意的是：then方法中上一个resolve方法的返回值，将成为下一个then方法中resolve的输入参数。由此构成了数据的流动。Response 对象根据服务器返回的不同类型的数据，提供了不同的读取方法。