fetch和ajax的区别

前端之家收集整理的这篇文章主要介绍了fetch和ajax的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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和ajax 的主要区别

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

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

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

猜你在找的Ajax相关文章