ajax、fetch的区别(自己的学习笔记)

ajax

1.是XMLHTTPRequest的一个实例

2.只有当状态为200或者304时才会请求成功

3.格式零散,容易出现回调地狱的问题

fetch

1.fetch是基于promise实现的,也可以结合async/await

2.fetch请求默认是不带cookie的,需要设置fetch(URL,{credentials:’include’})。 

Credentials有三种参数:same-origin,include,*

3.服务器返回400 500 状态码时并不会reject,只有网络出错导致请求不能完成时,fetch才会被reject

4.所有版本的 IE 均不支持原生 Fetch

5.fetch是widow的一个方法

简单例子:fetch是promise

注意:
fetch 的第二参数中
1、默认的请求为get请求 可以使用method:post 来进行配置 
2、第一步中的 response有许多方法 json() text() formData()
3、Fetch跨域的时候默认不会带cookie 需要手动的指定 credentials:'include'

使用fetch之后得到的是一个promise对象 在这个promise对象里边再定义执行成功的时候是什么。

下面是正确的fetch的使用方法

fetch和ajax 的主要区别

1、fetch()返回的promise将不会拒绝http的错误状态,即使响应是一个HTTP 404或者500 
2、在默认情况下 fetch不会接受或者发送cookies

使用fetch开发项目的时候的问题

1、所有的IE浏览器都不会支持 fetch()方法
2、服务器端返回 状态码 400 500的时候 不会reject

A???cium
关注 关注
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fetchajax区别
weixin_47450807的博客
03-30 7282
一、写在前面 今天总结一下fetchajax区别。 二、Ajax ajax的本质就是使用XMLHttpRequest对象来请求数据,下面是简单的原生js实现。 function ajax(url, fnSucc, fnFaild) { //1.创建Ajax对象 if(window.XMLHttpRequest){ var oAjax=new XMLHttpRequest(); }else{ var oAjax=new ActiveXObject("Mi
AJAX学习笔记:什么是AJAX、http协议、AJAX请求发送方法(jQuery,Axios,fetch)、跨域、CORS
qq_48376006的博客
09-16 198
几种发送AJAX的方法,跨域问题,CORS等。
「前端技术」网络请求 ajax和axios、fetch区别
讯开技术孵化器博客
09-22 298
「前端技术」js 网络请求框架 ajax和axios、fetch区别 互联网行业发展至今出现了很多技术,技术都在与时俱进的更新中,如从前的前端技术栈(html4+js+css+jquery)到现在vue+axios。随着更多优秀的框架出现,让我们从重复的基础代码编写中解救出来了,我们将更加专注业务代码的编写,从而提高我们开发效率。下面就来分别介绍目前常用的js网络前端框架。 1.jQuery ajax介绍 $.ajax({ type: 'POST', url: url, data: da
JavaScript前端面试题——fetch
最新发布
lbcbjtlhmjq的博客
08-02 981
什么是fetchAJAX/axios/fetch区别 fetch核心语法 我们为什么要学fetch? 提交formdata 提交JSON
fetchajax区别
weixin_34218890的博客
09-05 211
Ajax 利用的是XMLHttpRequest对象来请求数据的。关于ajax https://segmentfault.com/a/11... fetch window的一个方法 主要特点是1、第一个参数是URL2、第二个参数可选参数 可以控制不同的init对象3、使用了js 中的promise对象 fetch(url).then(f...
ajaxfetch有什么区别
青山不改,绿水长流。
10-12 723
旧浏览器不支持Promise,需要使用pollyfill。没有办法原生监测请求的进度,而。兼容性不如原生ajax,有着更好更方便的写法;只对网络请求报错,对。都当做成功的请求,而。
fetchajax区别
许三金的博客
09-06 863
是现代化的、更灵活的方式来处理网络请求,特别适合使用在现代 JavaScript 应用中。然而,Ajax 仍然在一些旧的应用和传统的环境中使用,并且有些情况下可能更容易上手,因此了解这两种技术都是有价值的。通常使用回调函数来处理异步操作,可能会导致回调地狱(callback hell)的问题,尤其在复杂的请求链中。是现代 JavaScript 中的 API,它提供了一种更简洁、功能更强大的方式来处理网络请求。返回的是一个 Promise 对象,这使得处理异步请求更为灵活和简洁,可以使用。
AJax 学习笔记一(XMLHTTPRequest对象)
12-10
XMLHttpRequest对象是AJAX(Asynchronous JavaScript and XML)技术的核心组成部分,它允许JavaScript与服务器进行异步通信,无需刷新整个页面就能更新网页内容,从而极大地提升了用户体验。在本文中,我们将深入...
ajax-day01.rar_达内开发学习笔记
09-20
在“ajax-day01.rar_达内开发学习笔记”这个压缩包中,包含了第一天学习Ajax的基础内容,旨在帮助初学者理解并掌握Ajax的核心概念和使用方法。** **一、Ajax简介** Ajax并不是一种单一的技术,而是一组技术的组合,...
AJAX学习笔记1
03-22
**标题:“AJAX学习笔记1”** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAX的核心是利用...
fetchAJAX区别
Dax1_的博客
05-06 1737
AJAX $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); 传统AJAX指的是XMLHttpRequest,最早出现的发送后端请求的技术。 fetch try { let response = await fetch(url); let data = response.json();
ajaxfetch区别
np918的博客
07-22 348
ajax以及fetch优缺点: ajax: 本身是针对MVC的编程,不符合现在前端MVVM的趋势 基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案 fetch: 符合关注分离,没有将输入、输出和用事件来跟踪的状态混杂在一个对象里 更好更方便的写法 更加底层,提供的API丰富 脱离XHR,是ES规范里新的实现方式 fetch只对网络请求报错,对400,500都当做成功的请求...
ajaxfetch有什么区别
qq_41696819的博客
08-03 2898
1. ajaxfetch区别 : (1)、ajax是针对MVC的编程,不符合现在前端MVVM的浪潮 (2)、ajax基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案 (3)、fetch比较与ajax有着更好更方便的写法 (4)、fetch只对网络请求报错,对400,500都当做成功的请求,需要封装去处理 (5)、fetch没有办法原生监测请求的进度,而XHR...
fetchajax,fetchajax区别
weixin_42365510的博客
08-05 160
Ajax利用的是XMLHttpRequest对象来请求数据的。关于ajax https://segmentfault.com/a/11...fetchwindow的一个方法 主要特点是1、第一个参数是URL2、第二个参数可选参数 可以控制不同的init对象3、使用了js 中的promise对象fetch(url).then(function (response) {return response....
fetch的使用及和ajax区别
廊坊吴彦祖
03-09 1295
fetch的使用及和ajax区别 fetchajax区别: 当接收到一个代表错误的 HTTP 状态码时,从 fetch() 返回的 Promise 不会被标记为 reject, 即使该 HTTP 响应的状态码是 404 或 500。相反,它会将 Promise 状态标记为 resolve (但是会将 resolve 的返回值的 ok 属性设置为 false ),仅当网络故障时或请求被阻止时...
AjaxFetch
u010227042的博客
09-16 929
原谅我做一次标题党,Ajax 不会死,传统 Ajax 指的是 XMLHttpRequest(XHR),未来现在已被Fetch替代。 最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的$.ajax迁移到Fetch,上线一个多月以来运行非常稳定。结果证明,对于 IE8+ 以上浏览器,在生产环境使用 Fetch 是可行的。 由于 Fetch API 是基于 Promise 设计,有必要先学习一下 Promise,推荐阅读MDN Promise 教程。旧浏览器不支持 Promise,需要...
Axios、ajaxfetch区别
mei0515的博客
07-03 1262
接触了axios之后,发现和以前学习ajax很类似,于是整理了它们之间的区别 1.区别 axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。 简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。 axios是ajax ajax不止axios。 下面列出代码来对比一下: axios: axios({ ...
有同学问我:FetchAjax 有什么区别
编程三昧
08-18 592
江山代有人才出,各领风骚数百年。 前言 Hello,大家好,我是编程三昧的作者隐逸王,小小前端一枚。 自昨天发了《还在死磕 Ajax?那可就 out 了!》一文后,收到了一些大家的一些评论,评论都很走心,也很有深度。 说实话,虽然我在尽可能努力地回复大家的问题,但还是避免不了对其中一些概念理解的模棱两可的情况,有幸得到同仁们的指点,比如: 感谢各位的不吝赐教,让我在成长的道路上又前进了几分。 现在总结一下,评论区涉及到的主要问题如下: Fetch 和 Axios/Ajax 是什么关系 Fetch .
Ajax学习笔记pink老师
07-29
以下是一份简要的Ajax学习笔记,希望对您有所帮助: 1. 什么是Ajax? - Ajax全称为Asynchronous JavaScript and XML(异步JavaScript和XML),是一种用于创建交互式Web应用程序的技术。 - 它通过在后台与服务器...
写文章

热门文章

  • ajax、fetch的区别(自己的学习笔记) 492
  • 兄弟组件传值(学习笔记) 473
  • for循环setTimeout闭包 337
  • Vue router中params和query的区别(学习笔记) 300
  • vue响应式流程图 162

分类专栏

  • 笔记 1篇
  • 闭包 1篇

大家在看

  • window10/11永久关闭系统更新
  • 复合材料机器学习,需要的来
  • 1041-基于51单片机的报警器(模拟量,4路,ADC0832)原理图、流程图、物料清单、仿真图、源代码
  • Java基于SpringBoot的甘肃旅游特产网站+Vue[毕业设计] 780
  • 基于ssm+vue订餐系统(开题报告+程序+论文+java) 812

最新文章

  • vue响应式流程图
  • 双向绑定(学习笔记)2020-08-17
  • $set(学习笔记)
2021年1篇
2020年8篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

玻璃钢生产厂家廊坊清远玻璃钢切面动物雕塑惠州玻璃钢人物雕塑价格气球商场美陈装饰哪里有名走廊商场美陈销售公司贵州玻璃钢雕塑制作流程合肥玻璃钢雕塑公司招聘四川玻璃钢马雕塑价格汤阴玻璃钢雕塑厂家彩色玻璃钢雕塑视频教程玻璃钢花盆是实惠的装饰商场美陈生产企业苏州玻璃钢雕塑厂商郑州商场美陈装饰宿州玻璃钢雕塑价位盐城五一商场美陈长沙动物玻璃钢雕塑广东走廊商场美陈销售企业青岛市玻璃钢雕塑制作工厂北京超市商场美陈生产厂家野生玻璃钢雕塑滁州多彩玻璃钢雕塑联系方式益阳玻璃钢雕塑价格多少钱北京艺术商场美陈制作对商场美陈的理解四川玻璃钢雕塑摆件厂家直销安徽玻璃钢马雕塑厂家四川主题公园玻璃钢美陈雕塑西安小区玻璃钢雕塑定做广东中庭商场美陈销售气球商场美陈装饰费用情况香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化