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浏览器