ajax和fetch区别,fetch和ajax的区别

Ajax

利用的是XMLHttpRequest对象来请求数据的。

关于ajax https://segmentfault.com/a/11...ajax

fetch

window的一个方法 主要特色是

一、第一个参数是URL

二、第二个参数可选参数 能够控制不一样的init对象

三、使用了js 中的promise对象json

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'segmentfault

使用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不会接受或者发送cookiespromise

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

一、全部的IE浏览器都不会支持 fetch()方法

二、服务器端返回 状态码 400 500的时候 不会reject浏览器