top of page
Writer's pictureUniversal Web

INTEGRANDO API EN WIX | METODO GET

Hola Gente! Les comparto este vídeo para que puedan Integrar una API en Wix usando Fetch y un método GET, y mostrar el contenido en un repetidor.

Espero les sirva mucho! Suscríbanse (REALLY, los veo pues) y dejen su like, saludos!




CODE

import { fetch } from "wix-fetch";
$w.onReady(function () {

    $w("#btnGet").onClick(async () => {
        const url = $w("#inputURL").value;
        const response = await fetch(url, { method: "get" })
            .then((httpResponse) => {
                if (httpResponse.ok) {
                    return httpResponse.json();
                } else {
                    return Promise.reject("Fetch did not succeed");
                }
            })
            .then((json) => json)
            .catch((err) => console.log(err));


		const images = response.message; //lista de url de imagenes
		let list = [];

		for(let i=0; i<images.length; i++){
			const myObject = {
				 _id: "myIndex" + i,
				 img: images[i]
			}
			list.push(myObject)
		}

		$w("#repeater1").data = [];
		$w("#repeater1").data = list;
		console.log("response", response, list);
    })

	$w("#repeater1").onItemReady(($item, itemData, index)=>{
		$item("#imageX3").src = itemData.img;
	})

});

1 view0 comments

Recent Posts

See All

Commenti


bottom of page