未来的ajax，Fetch

ajax自诞生到现在已经走过十来个年头，由它提供的异步请求技术深受前端技术者的喜欢。 而它的核心对象XMLHttpRequest的底层却一直饱受诟病。 IT的行业的技术革新从来都是日新月异，学的东西越多也会发生想学的东西越来越多，也越来越发觉自己学不完。 Fetch就是在这个技术时代的风口浪尖突涌而出，这次的它不在是基于事件驱动，而是采用promise 方式处理。 这里提到的 promise是ES6的内容，没有完全的完成，但是已经初具形状。 一个Promise对象代表着一个还未完成，但预期将来会完成的操作。 语法 [code lang="js"] new Promise(executor); new Promise(function(resolve, reject) { ... });[/code] executor 带有 resolve 、reject两个参数的函数对象。 第一个参数用在处理执行成功的场景，第二个参数则用在处理执行失败的场景。 一旦我们的操作完成即可调用这些函数。 目前，几乎所有的流行的浏览器最新版都支持Fetch,取代ajax也不过是时间问题了。 所以我也以我做的电商网站后台管理为例，稍微展现展现 Fecth [code lang="js"] fetch('../site.action',{ method: 'post', //这里默认是get 也推荐使用get，对于小于2K的请求 headers: { "Content-type": "application/x-www-form-urlencoded; charset=UTF-8" //表单提交 }, body:'op=serverinfo' //这里放需传递的参数 }).then(function(res) { if (res.ok) { res.json().then(function(o) { //里是指处理后台回传的json数据，也有text()，blob()等 //这里进行json数据处理 }); } },function(ex) { console.log(ex) //捕获异常 });[/code]

转载于:https://my.oschina.net/u/3090863/blog/796315