关于h5中的fetch方法解读(小结)详解HTML5中rel属性的prefetch预加载功能使用HTML5资源预加载(Link prefetch)详细介绍（给你的网页加速）使用HTML5的链接预取功能(link prefetching)给网站提速

 fetch('/users.html') //这里返回的是一个Promise对象,不支持的浏览器需要相应的ployfill或通过babel等转码器转码后在执行 .then(function(response) { return response.text()}) .then(function(body) { document.body.innerHTML = body }) 

 fetch('/users.json') .then(function(response) { return response.json()}) .then(function(json) { console.log('parsed json', json)}) .catch(function(ex) { console.log('parsing failed', ex) }) 

 fetch('/users.json').then(function(response) { console.log(response.headers.get('Content-Type')) console.log(response.headers.get('Date')) console.log(response.status) console.log(response.statusText) })

 var form = document.querySelector('form') fetch('/users', { method: 'POST', body: new FormData(form) }) 

 fetch('/users', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify({ //这里是post请求的请求体 name: 'Hubot', login: 'hubot', }) })

 var input = document.querySelector('input[type="file"]') var data = new FormData() data.append('file', input.files[0]) //这里获取选择的文件内容 data.append('user', 'hubot') fetch('/avatars', { method: 'POST', body: data }) 

 function checkStatus(response) { if (response.status >= 200 && response.status < 300) { //判断响应的状态码是否正常 return response //正常返回原响应对象 } else { var error = new Error(response.statusText) //不正常则抛出一个响应错误状态信息 error.response = response throw error } } function parseJSON(response) { return response.json() } fetch('/users') .then(checkStatus) .then(parseJSON) .then(function(data) { console.log('request succeeded with JSON response', data) }).catch(function(error) { console.log('request failed', error) }) 

 fetch('/users', { credentials: 'same-origin' //同域下发送cookie }) fetch('https://segmentfault.com', { credentials: 'include' //跨域下发送cookie })