2020-11-25——AJAX、Fetch、计算机网络、web API

最新推荐文章于 2024-02-20 15:20:36 发布

一直开下去的车（wolf～）

最新推荐文章于 2024-02-20 15:20:36 发布

阅读量87

点赞数

文章标签： html 面试网络

本文链接：https://blog.csdn.net/weixin_43415330/article/details/110108795

版权

a.

a. JS: 掌握 AJAX && fetch 并了解他们的区别
b. 计算机网络了解五层协议栈
c. html区分clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop这几个web API

AJAX

（Asynchronous JavaScript+XML，即异步 JavaScript 加 XML）这个技术涉及发送服务器请求额外数据而不刷新页面，从而实现更好的用户体验。这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。

(虽然 Ajax 这个名称中包含 XML，但实际上 Ajax 通信与数据格式无关。这个技术主要是可以实现在不刷新页面的情况下从服务器获取数据，格式并不一定是 XML。)

是前后台交互的能⼒,也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具

是⼀个默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）

XMLHTTPRequest对象

在这里插入图片描述
**加粗样式**

Fetch

Fetch API 提供了一个获取资源的接口（包括跨域请求)
XMLHttpRequest 可以选择异步，而 Fetch API 则必须是异步。
Fetch 标准定义请求、响应，以及绑定二者的流程：获取（fetch）

二者区别

当接收到一个代表错误的 HTTP 状态码时，从 fetch() 返回的 Promise 不会被标记为 reject，即使响应的 HTTP 状态码是 404 或 500。相反，它会将 Promise 状态标记为 resolve （但是会将 resolve 的返回值的 ok 属性设置为 false ），仅当网络故障时或请求被阻止时，才会标记为 reject。
fetch() 可以接受跨域 cookies；你也可以使用 fetch() 建立起跨域会话。
fetch 不会发送 cookies。除非你使用了credentials 的初始化选项。（自 2017 年 8 月 25 日以后，默认的 credentials 政策变更为 same-origin。Firefox 也在 61.0b13 版本中进行了修改）

b.

计算机网络五层协议栈

在这里插入图片描述

c.

HTML Web API

clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。

offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。

scrollHeight代表包括当前不可见部分的元素的高度。而可见部分的高度其实就是clientHeight，也就是scrollHeight>=clientHeight恒成立。在有滚动条时讨论scrollHeight才有意义，在没有滚动条时scrollHeight==clientHeight恒成立。单位px，只读元素。