Javascript ES6, Fetch API

ECMAScript 6 (ECMAScript 2015 o ES6) nos trae muchas funcionalidades nuevas que nos facilitan la vida con el lenguaje al tener que desarrollar aplicaciones grandes.

Una de estas nuevas funcionalidades es la nueva Fetch API y vendría a reemplazar el objeto XHR( ¿alguien lo usaba realmente? ), esta pensada para trabajar con la búsqueda de recursos AJAX.

Lo anterior quiere decir que podremos hacer peticiones de recursos de una forma muy sencilla sin tener que depender de librerías de terceros como jQuery para hacer una petición GET, POST, etc.

Mucho ruido y poco código, veamos como llenaríamos las opciones de un select consultando una API REST con jQuery y como haríamos lo mismo con ES6.

jQuery:

ES6:

Realizar peticiones AJAX únicamente utilizando Javascript ahora es viable y no tenemos que utilizar una gran cantidad de código.

Para aprender mas de la Fetch API podemos consultar la documentación de MDN.