fetch和ajax的区别

superw 发布于2019-08-21 16:16 / 3005人阅读

摘要：利用的是对象来请求数据的。下面是正确的的使用方法和的主要区别返回的将不会拒绝的错误状态，即使响应是一个或者在默认情况下不会接受或者发送使用开发项目的时候的问题所有的浏览器都不会支持方法服务器端返回状态码的时候不会

Ajax

利用的是XMLHttpRequest对象来请求数据的。
关于ajax https://segmentfault.com/a/11...

fetch

window的一个方法主要特点是
1、第一个参数是URL
2、第二个参数可选参数可以控制不同的init对象
3、使用了js 中的promise对象

fetch(url).then(function (response) {
    return response.json()   //执行成功第一步
}).then(function (returnedValue) {
    //执行成功的第二步
}).catch(function (err) {
    //中途的任何地方出错  都会在这里被捕获到
})

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

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

 var promise=fetch("http://localhost:3000/news", {
        method: "get"
    }).then(function(response) {
             return  response.json()
    }).catch(function(err) {
        // Error :(
    });
    promise.then(function (data) {
          console.log(data)
    }).catch(function (error) {
        console.log(error)
    })

fetch和ajax 的主要区别

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

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

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

云服务器 GPU云服务器 fetch和axios的区别宽带和专线的区别专线和宽带的区别空间和域名的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88347.html

Jquery ajax, Axios, Fetch区别之我见

摘要：我们都知道因为同源策略的问题，浏览器的请求是可能随便跨域的一定要有跨域头或者借助，但是，中可以设置为不跨域，如下所示这样之后我们会得到一个为的返回。免费帮忙内推阿里等各大IT公司的岗位，有兴趣可以带简历加微信angeltune 引言前端技术真是一个发展飞快的领域，我三年前入职的时候只有原生XHR和Jquery ajax，我们还曾被JQuery 1.9版本版本以下不支持大文件请求这个...

YanceyOfficial 2019-08-22 13:49 评论0 收藏0
Ajax原理一篇就够了

摘要：请求数据流程与领导想找小李汇报一下工作类似。表示从客户端发来的请求在服务器端被正常处理了。表示永久性重定向。该状态码表示请求的资源已被分配了新的，以后应使用资源现在所指的。表示服务器端在执行请求时发生了错误。前言 AJAX即Asynchronous Javascript And XML，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发...

hiYoHoo 2019-08-02 16:07 评论0 收藏0
Ajax原理一篇就够了

摘要：请求数据流程与领导想找小李汇报一下工作类似。表示从客户端发来的请求在服务器端被正常处理了。表示永久性重定向。该状态码表示请求的资源已被分配了新的，以后应使用资源现在所指的。表示服务器端在执行请求时发生了错误。前言 AJAX即Asynchronous Javascript And XML，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发...

z2xy 2019-08-23 14:06 评论0 收藏0
Ajax原理一篇就够了

摘要：请求数据流程与领导想找小李汇报一下工作类似。表示从客户端发来的请求在服务器端被正常处理了。表示永久性重定向。该状态码表示请求的资源已被分配了新的，以后应使用资源现在所指的。表示服务器端在执行请求时发生了错误。前言 AJAX即Asynchronous Javascript And XML，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发...

KevinYan 2019-08-30 15:54 评论0 收藏0
ES6 Fetch API HTTP请求实用指南

摘要：例子张三删除用户为了删除用户，我们首先需要定位用户，然后我们定义方法类型。例子张三结论现在，你已基本了解如何使用的从服务器检索或操作资源，以及如何处理。您可以使用本文作为如何构建操作的请求的指南。 showImg(https://segmentfault.com/img/bVbjxqh?w=1000&h=562); 本次将介绍如何使用Fetch API（ES6 +）对REST API的...

Sunxb 2019-08-23 13:12 评论0 收藏0