ajax和fetch的区别

最新推荐文章于 2023-09-06 19:28:05 发布
最新推荐文章于 2023-09-06 19:28:05 发布
阅读量346 收藏 1
点赞数
分类专栏： HTTP类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/np918/article/details/96839681
版权

ajax以及fetch优缺点：
ajax：
本身是针对MVC的编程，不符合现在前端MVVM的趋势
基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案
fetch：
符合关注分离，没有将输入、输出和用事件来跟踪的状态混杂在一个对象里
更好更方便的写法
更加底层，提供的API丰富
脱离XHR，是ES规范里新的实现方式
fetch只对网络请求报错，对400,500都当做成功的请求，需要封装去处理
fetch默认不会带cookie，需要添加配置项
fetch不支持abort，不支持超时控制，使用setTimeout及Promise。reject的实现的超时控制并不能阻止请求过程继续在后台运行，造成了量的浪费
fetch没有办法原生监测请求的进度，XHR可以
所有IE浏览器都不会支持fetch方法

np918
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
fetch和ajax的区别？
weixin_47450807的博客
03-30 7270
一、写在前面 今天总结一下fetch和ajax的区别。 二、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和fetch、axios三者的区别
m0_68359121的博客
06-09 2053
1.Ajax 它的全称是：Asynchronous JavaScript And XML，翻译过来就是“异步的 Javascript 和 XML”。 很多小伙伴可能会误以为 Ajax 是发请求的一种方式，或者把 XMLHttpRequest 与 Ajax 划等号，其实这是错误和片面的。 正解： Ajax 是一个技术统称，是一个概念模型，它囊括了很多技术，并不特指某一技术，它很重要的特性之一就是让页面实现局部刷新。 特点： 局部刷新页面，无需重载整个页面。 简单来说，Ajax 是一种思想，XM
fetch和ajax的区别
weixin_34218890的博客
09-05 210
Ajax 利用的是XMLHttpRequest对象来请求数据的。关于ajax https://segmentfault.com/a/11... fetch window的一个方法 主要特点是1、第一个参数是URL2、第二个参数可选参数 可以控制不同的init对象3、使用了js 中的promise对象 fetch(url).then(f...
「前端技术」网络请求 ajax和axios、fetch的区别
讯开技术孵化器博客
09-22 286
「前端技术」js 网络请求框架 ajax和axios、fetch的区别 互联网行业发展至今出现了很多技术，技术都在与时俱进的更新中，如从前的前端技术栈（html4+js+css+jquery）到现在vue+axios。随着更多优秀的框架出现，让我们从重复的基础代码编写中解救出来了，我们将更加专注业务代码的编写，从而提高我们开发效率。下面就来分别介绍目前常用的js网络前端框架。 1.jQuery ajax介绍 $.ajax({ type: 'POST', url: url, data: da
ajax和fetch有什么区别？
qq_41696819的博客
08-03 2868
1. ajax和fetch的区别 ： （1）、ajax是针对MVC的编程,不符合现在前端MVVM的浪潮 （2）、ajax基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案 （3）、fetch比较与ajax有着更好更方便的写法 （4）、fetch只对网络请求报错，对400，500都当做成功的请求，需要封装去处理 （5）、fetch没有办法原生监测请求的进度，而XHR...
ajax、axios、fetch区别
01-03
ajax、axios、fetch区别 ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); 优缺点： 本身是针对MVC的编程,不符合现在前端MVVM的...
对异步请求xhr、ajax、axios、fetch的区别比较
01-08
本文将对比分析四种常见的异步请求方式：XMLHttpRequest（xhr）、jQuery的$.ajax、axios以及fetch，以便理解它们各自的特点和适用场景。 1. XMLHttpRequest（xhr） XMLHttpRequest对象是最早的异步请求手段，它...
【Ajax】Fetch请求
zhaohb2016的博客
07-22 927
也是前端用于发起网络请求的比较好的主流方式，ajax请求主要包括两种XML和fetch，XML可能接触的比较多，下面主要学习fetch请求。fetch()方法是一种现代通用的方法，那么我们就从它开始吧。旧版本的浏览器不支持它（可以polyfill），但是它在现代浏览器中的支持情况很好。......
Vanilla-JS-Numbers-Facts-App---AJAX-Fetch:Vanilla JS Numbers Facts应用程序-AJAX和Fetch
03-22
在本项目"Vanilla-JS-Numbers-Facts-App---AJAX-Fetch"中，我们主要探讨的是如何使用纯JavaScript（Vanilla JS）构建一个数字事实应用，它利用AJAX和Fetch API从远程服务器获取数据并展示在网页上。这个应用展示了...
fetch和AJAX的区别
Dax1_的博客
05-06 1730
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();
ajax和fetch有什么区别
青山不改，绿水长流。
10-12 715
旧浏览器不支持Promise，需要使用pollyfill。没有办法原生监测请求的进度，而。兼容性不如原生ajax，有着更好更方便的写法；只对网络请求报错，对。都当做成功的请求，而。
fetch 和 ajax 的区别
许三金的博客
09-06 850
是现代化的、更灵活的方式来处理网络请求，特别适合使用在现代 JavaScript 应用中。然而，Ajax 仍然在一些旧的应用和传统的环境中使用，并且有些情况下可能更容易上手，因此了解这两种技术都是有价值的。通常使用回调函数来处理异步操作，可能会导致回调地狱（callback hell）的问题，尤其在复杂的请求链中。是现代 JavaScript 中的 API，它提供了一种更简洁、功能更强大的方式来处理网络请求。返回的是一个 Promise 对象，这使得处理异步请求更为灵活和简洁，可以使用。
fetch的使用及和ajax的区别
廊坊吴彦祖
03-09 1291
fetch的使用及和ajax的区别 fetch和ajax的区别： 当接收到一个代表错误的 HTTP 状态码时，从 fetch() 返回的 Promise 不会被标记为 reject， 即使该 HTTP 响应的状态码是 404 或 500。相反，它会将 Promise 状态标记为 resolve （但是会将 resolve 的返回值的 ok 属性设置为 false ），仅当网络故障时或请求被阻止时...
fetch跟ajax,fetch和ajax的区别
weixin_42365510的博客
08-05 157
Ajax利用的是XMLHttpRequest对象来请求数据的。关于ajax https://segmentfault.com/a/11...fetchwindow的一个方法 主要特点是1、第一个参数是URL2、第二个参数可选参数 可以控制不同的init对象3、使用了js 中的promise对象fetch(url).then(function (response) {return response....
ajax、fetch的区别（自己的学习笔记）
TheMemoryHigh的博客
07-13 487
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，只有.
探讨ajax、fetch .的区别
hddlsj的博客
02-20 163
ajax 和fetch 的区别
ajax和fetch
最新发布
09-14
ajax和fetch是两种用于在前端发起HTTP请求的技术。 ajax是一种使用XMLHttpRequest对象进行异步通信的技术。它使用回调函数来处理请求的响应，并且具有良好的兼容性，几乎支持所有主流浏览器。ajax是基于传统的MVC编程模式，不太适合现在流行的MVVM前端架构。 而fetch是一种基于Promise的新的网络请求API，它提供了一种更现代和简洁的方式来发送和处理HTTP请求。相比于ajax，fetch对请求、响应等进行了模块化的封装，更加符合现代的前端开发需求。然而，需要注意的是fetch的兼容性不如ajax，不支持所有的IE浏览器。 总结来说，ajax和fetch都是用于在前端发起HTTP请求的技术，ajax具有较好的兼容性，而fetch更加符合现代前端开发的需求。选择使用哪种技术可以根据具体的项目需求和兼容性要求来决定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值