h5的fetch方法_你不需要jQuery(三)：新AJAX方法fetch()

XMLHttpRequest来完成ajax有些老而过时了。

fetch()能让我们完成类似 XMLHttpRequest (XHR) 提供的ajax功能。它们之间的主要区别是，Fetch API 使用了 Promises，它让接口更简单、简洁，避免了回调的复杂性，省去了使用复杂的 XMLHttpRequest API。

如果你之前未使用过 Promises，你应该先看看《JavaScript Promises 用法》这篇文章。

基本Fetch用法

让我们先用一个例子来比较一下使用 XMLHttpRequest 和使用 fetch 之间的不同。我们要请求一个URL，获取JSON格式的返回结果。

XMLHttpRequest

一个 XMLHttpRequest 请求需要两个监听器来捕捉 success 和 error 两种情形，而且需要调用 open() 和 send() 方法。

function reqListener() {

var data = JSON.parse(this.responseText);

console.log(data);

}

function reqError(err) {

console.log('Fetch Error :-S', err);

}

var oReq = new XMLHttpRequest();

oReq.onload = reqListener;

oReq.onerror = reqError;

oReq.open('get', './api/some.json', true);

oReq.send();

Fe