使用fetch() 学习目标 说明如何使用fetch()获取数据 解决向后兼容性问题 识别流行网站上的AJAX技术示例 介绍 在制作引人入胜的网站时,我们经常发现自己需要发送大量数据(文本,图像,媒体等),以便使页面令人兴奋。 但是浏览器在处理完所有数据之前不会显示任何内容。 结果,它们什么也没显示。 屏幕保持空白,用户体验到“等待”。 太多的等待意味着游客将点击离开,再也不会回来。 Web用户期望网站能够快速加载并保持最新状态。 研究表明,如果网站加载时间超过3秒,则40%的网站访问者将会离开。 移动用户的耐心甚至更低。 为了解决此问题并帮助提供许多其他真正出色的功能,我们开发了一种称为AJAX的技术。 在AJAX中,我们: 使用HTML和CSS提供一个引人入胜的初始页面,浏览器可以快速呈现该页面 然后,我们使用JavaScript在幕后向DOM中添加更多内容 AJAX依靠几种