1.1: fetch() - Working With Data & APIs in JavaScript
Комментарии:
You're extremely good
Ответить
Where is the image stored, I'm confused
Ответить
Can we use the result fetched globally?!
Ответить
I feel happy while studying from you.
Ответить
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="" alt="nothing" id="rainbow" width="100%">
<script>
console.log('About to fetch Data');
fetch('rainbow.jpg')
.then(response => {
console.log(response);
return response.blob();
})
.then(blob => {
console.log(blob);
const imgUrl = URL.createObjectURL(blob);
document.getElementById('rainbow').src = imgUrl;
})
.catch(error => {
console.error('Error fetching the image:', error);
});
</script>
</body>
</html>
Great vid tks
Ответить
how to add mutiple images
Ответитьsince its not working
Ответитьone question did you already save the image already in your folder or just get through the object url ??
Ответить
im getting error failed, reason: Parse Error: Invalid header token
i dont know why
Did I miss the part where the rainbow.jpg is created and referenced?
Ответить
I get upset when I see so much traffic on my road to greatness..API 400k views 😒
Ответить
what is blob() in here ,,i mean how are u using response.blob() ,,,,,where it is defined ????
Ответить
This is a BRILLIANT lesson! Its very good. Thank you
Ответить
Thank you for the videos!! so i managed to do the Fetch() API successfully . I now want to pass the SRC with the encrypted payload to a browser . How can i achive that please assist ?
Ответить
Dude you are amazing!! Fantastic video!
Ответить
smol doubt, I tried fetch first rainbow part, but Im getting false, 404
Ответить
This is soo informative and well done! I love your enthusiastic voice tone. I can't thank you enough. 👍🏽👍🏽👍🏽👍🏽👍🏽
Ответить
The exercises in the final part are really good! I used other API called dummyjson to put a random quote with the author of the quote in the page. Each time i reload the page is a different quote.
Ответить
Thanks for this video man, and grateful for google for linking it as 3rd option for beginners looking for practical fetch API lessons.👍
Ответить
Finally, I freakin did it yes! Thank you!
Ответить
A massive thanks from here for your instructive lessons and your effort you're putting in this!
Bow!
i'm glad to know english, just to say: thank you for all effort put on those videos.
Ответить
You are a saviour
Ответить
I've been looking for this for a very long time!
Ответить
i never really understood how to use api until i watched ur vid .
Ответить
best teacher :)
Ответить
I like how he made everything fun, even a person with no programming background can understand his explanation... I wish they taught me this way from the start
Ответить
You are a treasure, thank you!
Ответить
Excellent - thanks! Just subscribed and will be watching some more videos related to fetch and async await.
Ответить
Good fetch tutorial thanks. I have a question, Can I use fetch in combination with setInterval? The thing is that I have a json file that update every 10 seconds, and I need get the current data, to print in the html and handle the same data to do another stuff. What do you recommend to me?
Ответить
Really like your style of teaching. You simplify concepts to the basic.
Ответить
Superb explanation
Ответить
I notice that whenever I refresh my API the indexation changes. Any idea on what to do in this situation?
Ответить
Merci !
Ответить
You and your channel are brilliant
Ответить
Been coding in C the past couple months can’t wait to come back to JavaScript.
Ответить
Greate info! thank you so much!
Ответить
Hello Community, Anyone else could explain me with an easey way. What is a blob? im getting stucked understanding the blobs
Ответить
You are my favorite teacher because you are so fun to watch so happy and animated thank you so much :)
Ответить
CORS errors trying to fetch image - first read it's because it's local, so tried fetching from URL I hosted it, still CORS error. Solutions look absurd, setting up reverse proxies on the network just to complete a simple js tutorial.... any thoughts?
Ответить
I find it difficult to figure out where the "rainbow.jpg" comes from
Ответить
This stuff wasn't really setting right with me before. You helped me figure it click for me but that wasn't the best part of the video. You make it fun. Life doesn't have to be boring, why not make it fun? Thanks a ton!
Ответить
![[KPOP IN PUBLIC] YGX - "Pretty Savage" BLACKPINK | Cover by BN DANCE TEAM FROM VIETNAM](https://invideo.cc/img/upload/a3EtN1VBYnJSRlE.jpg "[KPOP IN PUBLIC] YGX - \"Pretty Savage\" BLACKPINK | Cover by BN DANCE TEAM FROM VIETNAM")
