第 11 章 使用 JavaScript 实现浏览器的动态 HTTP 请求
[日] 涩川喜规
本章将介绍 JavaScript 环境提供的一些 API。为了让大家理解浏览器的行为背后所进行的 HTTP 通信,前面的章节重点介绍了浏览器的动作,比如第一次加载页面时的 GET 请求、Cookie 和缓存等的相关内容。
除全局导航之外,其他的动态服务器访问都是使用 JavaScript 实现的。JavaScript 可以实现的操作越广泛,网站实现中能够使用的功能就越多。JavaScript 是拓宽 Web 可能性必不可少的一种手段。本章将介绍浏览器上的 JavaScript 所拥有的可以进行各种通信及 HTTP 相关处理的 API。
11.1 浏览器的 HTTP 与生命周期
浏览器执行 HTTP 访问的地方主要有两处,分别是加载网站和加载后使用 JavaScript 进行访问。
在地址栏中输入 URL,点击 <a> 标签的链接,执行表单发送等操作后,浏览器就会获取新的内容。该访问是通过 HTTP 执行的。
浏览器查看返回的内容的 Content-Type,如果能显示该内容,就清除整个画面,显示该内容。这种重置浏览器画面的请求称为全局导航。当内容是 HTML 时,其引用的样式表、图像、Web 字体和 JavaScript 等文件也是通过 HTTP 请求并下载的。
公开
同步至部落
取消
完成
0/2000
笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
![](https://static001.geekbang.org/resource/image/d0/e4/d0880927e2a522a038be2d04bf19dfe4.png)
本文深入介绍了使用 JavaScript 在浏览器中实现动态的 HTTP 请求的方法和技术。首先讲解了浏览器的 HTTP 生命周期和使用 JavaScript 进行访问的方式,然后详细介绍了 XMLHttpRequest 的用法,包括发送 GET 和 POST 请求以及处理各种数据格式的方法。接着介绍了 Fetch API 的基础内容和选项,以及与 XMLHttpRequest 相比的优势,包括缓存控制和重定向控制等特性。此外,还介绍了如何发送和接收 JSON 数据,以及在浏览器之外的 JavaScript 环境中使用 Fetch API。另外,还介绍了 Server-Sent Events 和 WebSocket 这两种实现从服务器端开始通信的协议和 JavaScript API。通过本文,读者可以全面了解如何使用 JavaScript 在浏览器中进行动态的 HTTP 请求,以及不同 API 的使用方法和特点。文章内容涵盖了前端开发中常用的通信技术,对于想要深入了解前端通信的开发人员来说,是一份非常有价值的技术指南。
仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《详解 HTTP:协议基础与 Go 语言实现》
《详解 HTTP:协议基础与 Go 语言实现》
立即购买
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论