fetch和ajax的区别

Ajax

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

fetch

window的一个方法 主要特色是
一、第一个参数是URL
二、第二个参数可选参数 能够控制不一样的init对象
三、使用了js 中的promise对象

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

注意：
fetch 的第二参数中
一、默认的请求为get请求 能够使用method:post 来进行配置
二、第一步中的 response有许多方法 json() text() formData()
三、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 的主要区别

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

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

一、全部的IE浏览器都不会支持 fetch()方法
二、服务器端返回 状态码 400 500的时候 不会reject