我的博客

  • Css
  • Javascript
  • React
  • Vue
  • Webpack
Illustration of a bird flying.
  • XMLHttpRequest与Fetch API

    XMLHttpRequest 目前常见的主流浏览器度支持XMLHttpRequest,下面列举一个常见的请求示例: onreadystatechange 回调函数在请求的生命周期中运行好几次;XMLHttpRequest 对象的 readyState 属性则返回当前状态: onreadystatechange 当readyState属性发生变化时,会调用 onreadystatechange函数 status 返回的状态码 statusText 返回的状态 response 响应内容,数据类型通过responseType定义 responseType 值 描述 为空时,默认和text相同 arraybuffer response是一个 ArrayBuffer 对象 blob response是一个 Blob 对象 document response是一个HTML Document 或者 XML Document json response是一个js对象 text response是一个DOMString`对象 timeout 设置请求超时时间,当超时发生后,请求的readyState会变为4(DONE), status由已接受到的200变为0,respose置为空。触发timeout事件。 withCredentials 默认值是false,在跨域请求时,不携带cookie,且响应的Set-Cookie不生效。设置为true时,跨域请求会带上cookie,且响应的Set-Cookie会生效。对同源请求,该属性不生效。 注意: setRequestHeader 设置HTTP请求头,需要在open()函数调用和send()函数调用之间调用。 考虑到安全问题,浏览器会禁止用户设置某些请求头。被禁止的请求头包括 getResponseHeader 获取HTTP响应头 Fetch Fetch是一个全局函数,用来从网络上获取资源,具有两个参数resource,init。返回结果是Promise,请求结束时,返回Response对象。 Fetch 是一个现代基于 promise 的 Ajax 请求…

    February 26, 2024
  • async和defer的区别

    async和defer是Javascript脚本加载的两种特性,主要区别是加载和执行时机不同: async和defer相同点 两者都是异步加载script,加载过程不会阻塞html的解析 async和defer不同点 总结

    February 21, 2024
←Previous Page
1 2

我的博客

Copyright 赣ICP备2021005453号