前端网络请求都有哪些方式?webSocket 是什么?

本文介绍了前端网络请求的几种方式,包括XMLHTTPRequest Level1和Level2,Fetch API,Beacon API以及WebSocket。XMLHTTPRequest Level2扩展了Level1的功能,Fetch API提供更现代的API但存在兼容性问题,Beacon API用于离页面时的请求,而WebSocket则实现双向长连接通信。理解这些请求方式的优缺点对于前端开发者至关重要。
摘要由CSDN通过智能技术生成

对原生网络知识一直没系统学习,花了些时间把 《JavaScript 高级程序设计》看了一遍,发现这本书翻译的不是很好,有些看起来很生硬,只能中英文对照看了,而《你不知道的JavaScript》看起来更舒服。 

这道题目主要考察对前端网络请求知识点的掌握,能够对各种请求的优缺点能够了如指掌掌握,并能够对开源库 axios 的原理了如指掌。

前端中提供的原生网络请求有如下几种:

  • XMLHTTPRequest Leval1

IE5 首次提出了 XMLHTTPRequest, 它实现了 ajax(Asynchronous JavaScript XML),可以在不刷新页面的情况下更新 web 页面中的内容,也就是一种局部更新策略。XMLHTTPRequest 的出现让 ajax 这种技术走向了成熟。

// 同步请求
function requestSyncWithXHR1() {
    let xhr = new XMLHttpRequest();
    // 准备发起请求
    xhr.open('get', '/api/user', false);
    // 立即发起请求
    xhr.send(null);
    // 获取 xhr 的状态码
    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
        alert(xhr.responseText);
    }
    else {
        alert('req
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值