VUEjs y AJAX, manejo de respuesta JSON con VUE-RESOURCE

Vue Resource: El complemento para Vue.js que proporciona servicios para realizar peticiones web y manejar respuestas usando un XMLHttpRequest o JSON.

Navega en las lecciones

Inicia sesión para poder registrar las lecciones que has completado Login

Comparte en

¿API? La interfaz de programación de aplicaciones, abreviada como API del inglés: Application Programming Interface, es un conjunto de subrutinas, funciones y procedimientos que ofrece cierta biblioteca para ser utilizado por otro software como una capa de abstracción.

Es un software que provee datos, ejemplo: Laravel provee datos a VUE :) Vue Resource es una de las maneras de usar AJAX usando VUE.

Implementar

Para ello necesitamos acceder y vincular los archivos Javascript en nuestro HTML, lo logramos con los siguientes accesos CDN.

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.3.1/vue-resource.min.js"></script>

Traer datos usando VUE-Resource

Ejemplo

<script>
    var urlUsers = 'https://jsonplaceholder.typicode.com/users';
    this.$http.get(urlUsers).then(function(response){
        this.lists = response.data;
    });
</script>

Donde https://jsonplaceholder.typicode.com/users es el encargado de darnos los datos con el formato correcto, hablamos en este caso del API usada para el ejemplo, mas adelante crearemos nuestro API usando Laravel.

Comparte en

Creado por: Venezuela Italo Morales

CEO & Founder de Rimorsoft Online

Más información


Parámetros de tipo objeto en PHP

PHP 3 comentarios

En Rimorsoft hemos ido descubriendo cómo pasar parámetros y asegurarnos de que los tipos sean correctos. Hemos visto un ejemplo muy interesante en post de funciones anónimas, pero no es lo único que podemos hacer.

Herencia de clases - PHP

PHP 4 comentarios

Esto lo entendemos mejor si nos vamos a un diccionario y buscamos la palabra heredar, hay muchas definiciones pero la que aplica es la siguiente:

Componente VUEjs en Laravel

Laravel VUE.js 2 comentarios

Curso de componentes en VUEjs y LARAVEL 5.5, la idea es programar una interfaz que consuma datos de un backend... El componente se creará y se usará desde Laravel.

Clases y Objetos en PHP

PHP 7 comentarios

Las clases nos ayudan a definir una estructura manejable y entendible de nuestro sistema, este termino da vida a los que conocemos como programación orientada a objetos (POO en español, OOP en inglés). La teoría dice, "esto significa que tratas a tu código o partes de él como objetos de la vida real y esto podría resultar muy familiar para nosotros porque nos acerca al mundo tal y como lo conocemos". Aunque parece que esto siempre es confuso.