Ajax实例与Promise实例

参考地址:阮一峰老师JavaScript标准参考教程

Ajax

function search(term, onload, onerror) {
	  var url = 'http://example.com/search?q=' + term;
	  var xhr = new XMLHttpRequest();
	  var results;
	  
	  xhr.open('GET', url, true);
	
	  xhr.onload = function (e) {
	    if (this.status === 200) {
	      results = JSON.parse(this.responseText);
	      onload(results);
	    }
	  };
	  
	  xhr.onerror = function (e) {
	    onerror(e);
	  };
	
	  xhr.send();
}

search('Hello World', console.log, console.error);

Promise

function search(term) {
	  var url = 'http://example.com/search?q=' + term;
	  var xhr = new XMLHttpRequest();
	  var result;
	
	  var p = new Promise(function (resolve, reject) {
	    xhr.open('GET', url, true);
	    xhr.onload = function (e) {
	      if (this.status === 200) {
	        result = JSON.parse(this.responseText);
	        resolve(result);
	      }
	    };
	    xhr.onerror = function (e) {
	      reject(e);
	    };
	    xhr.send();
	  });
	
	  return p;
}

search('Hello World').then(console.log, console.error);