Sending JavaScript Http Requests with XMLHttpRequest

  Рет қаралды 215,034

Academind

Academind

Күн бұрын

Пікірлер: 170
@noximusIN
@noximusIN 2 жыл бұрын
wooow... i think you are the only tutorial on youtube... that actually explains what they are doing, and doesn't waste time building out an entire interface. You actually explain what each line is doing, instead of saying just write this! thank you!
@justinlin9470
@justinlin9470 3 жыл бұрын
This is the best video about http request together with promise. You know how to illustrate the concept top-down and step-by-step. Thank you! Such a wonderful job!
@rahulrajtripathi
@rahulrajtripathi 4 жыл бұрын
This video proved to be a lifesaver for me. Your Javascript course on Udemy is awesome and there is so much to explore in it. Keep Up the good work Sir.
@yvhnn
@yvhnn 5 жыл бұрын
I really thank the Universe for your existence! Thank you a lot!
@darwinnoah3329
@darwinnoah3329 3 жыл бұрын
i dont mean to be so offtopic but does anybody know of a method to get back into an instagram account? I somehow forgot the account password. I appreciate any help you can offer me
@AJSpeller
@AJSpeller 5 жыл бұрын
Great video. I watch as many of your tutorials as possible from both here and Udemy. I currently on the journey to be a MEAN stack dev and your work has been extremely helpful. Please continue to create great content.
@academind
@academind 5 жыл бұрын
Happy to read that you like my videos Alfred! I'll do my best to keep the videos coming and I wish you all the best on your journey :)
@Karan60191
@Karan60191 5 жыл бұрын
After a long time , good tutorials on request, thankyou max
@selenabostick5844
@selenabostick5844 Жыл бұрын
I'm in a front end and backend bootcamp and did the javascript classwork for both. Neither explained sending xml requests this well. Thanks man.
@unfinishedsentenc9864
@unfinishedsentenc9864 3 жыл бұрын
Just what I needed. Thanks a lot Academind. All the broke students thank you :)
@kprabhanew
@kprabhanew 5 жыл бұрын
Great Max, Can you add a video about CORS options ?
@PhilTang5083
@PhilTang5083 4 жыл бұрын
Yes is there one?
@tannerbarcelos6880
@tannerbarcelos6880 4 жыл бұрын
legit godly video. I am using ebay find api to make a ecommerce style app and needed this. our axios request went through but CORS did not allow us to work with it. This is great.
@hebert2s
@hebert2s 5 жыл бұрын
Awesome, the best video about XMLHttpRequest EVER!! Thanks so much for making videos. I'm learning so much!
@MewMewCherry1990
@MewMewCherry1990 5 жыл бұрын
Hi, Max. Thanks a lot for your work, you are the best instructor and teacher I have ever met. Greetings from Ukraine!
@academind
@academind 5 жыл бұрын
Thanks so much Katerina, greetings from Germany :)
@Anurag_Dhrejen
@Anurag_Dhrejen 4 жыл бұрын
i am following you on udemy..you are best teacher i have seen ..its like whenever i want to learn something new, i wish you had created tutorials for that..i get an absolute understanding after watching your videos.
@el3atmoney
@el3atmoney 5 жыл бұрын
Native is gold, I'm using angular HttpClient daily, but found this way more enjoyable than just using pre-defined things, Thanks lovely max ^^
@kerryd2060
@kerryd2060 5 жыл бұрын
Max, I'm in most of your Udemy courses !! You're my favorite instructor. Thanks so much for making Udemy videos. I'm learning so much!
@academind
@academind 5 жыл бұрын
I really want to thank you for your awesome support here and on Udemy Kerry!
@julianandresgomezgomez7264
@julianandresgomezgomez7264 3 жыл бұрын
ERROR: has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin'
@andyvoice
@andyvoice 3 жыл бұрын
Thank you! It's a pleasure to watch you! Hello from Moscow.
@RuiBarreiras
@RuiBarreiras 4 жыл бұрын
Hi, at 5:24.... can anyone explain why xhr.onload comes before xhr.send ()? Thanks
@TheNerdyDev
@TheNerdyDev 5 жыл бұрын
Big fan of you, Max. Just started my KZbin dev channel as well. Thanks a lot for inspiring.
@Karan60191
@Karan60191 5 жыл бұрын
All the best dude
@academind
@academind 5 жыл бұрын
Thank you so much - and good luck for your channel!
@TheNerdyDev
@TheNerdyDev 5 жыл бұрын
@@academind Thanks a lot, Max.
@bernab
@bernab 5 жыл бұрын
Thank you Max. By the way, yes, XHR object is the "old way". It seems to me a bit more complicated than Jquery, Angular or the fetch API way of working the communication between front and backend
@АлександрНикитин-н6щ
@АлександрНикитин-н6щ 5 жыл бұрын
Thanks! It would be cool to look at CORS correct options, abort/canceling requests
@academind
@academind 5 жыл бұрын
Interesting topic, I agree! I'll write that down as a future idea!
@sir_humpy
@sir_humpy 5 жыл бұрын
@@academind, please do, Max! Struggling with CORS-related issues myself right now :(
@DeepakMoses
@DeepakMoses 5 жыл бұрын
Love your content and the way you cover every important aspect that matters. :)
@academind
@academind 5 жыл бұрын
Thank you very much, I'm very happy to hear you're liking it!
@Wiings18
@Wiings18 5 жыл бұрын
Hey Max, i've been doing your react course in udemy and I seriously can't thank you enough. Love you ❤️
@academind
@academind 5 жыл бұрын
Wow, thanks so much for your support and your awesome feedback Hamouda!
@amielmanzano6396
@amielmanzano6396 4 жыл бұрын
This is the video that I have been looking for, Thank you!
@rushas
@rushas 4 жыл бұрын
in 8:49 you mistyped the 'url' at first, with the 'z' instead of the 'u'. I assume that those two keys are very close to each other in the keyboard you use. What type of keyboard layout do you have?
@rahulhuilgol5304
@rahulhuilgol5304 5 жыл бұрын
Very thorough! Thank you, Max!
@T3Baconsofpower
@T3Baconsofpower 3 жыл бұрын
i used the idea to see how can i validate website if its active or not. but because of CORS error i could not. is there way to do that using the Javascript? thanks
@dimitrisandroid6483
@dimitrisandroid6483 5 жыл бұрын
Thank you Max! Nice explanations and examples, so I understood all the material of the video !
@academind
@academind 5 жыл бұрын
Thanks a lot Dimitris!
@slavon3547
@slavon3547 5 жыл бұрын
Thanks Max! Cool video, as always!
@moranmono
@moranmono 5 жыл бұрын
Back to the basics :) Thanks. helped me understand the concept of promises.
@academind
@academind 5 жыл бұрын
Happy to read that Moran, thank you!
@PhilTang5083
@PhilTang5083 4 жыл бұрын
I'm glad I found this, thank you, and were you able to do a video about CORS options?
@kybkap8686
@kybkap8686 2 жыл бұрын
i started javascript 3 months ago and thnx god they come up with the fetch api this XML is a nightmare to look at
@0mer870
@0mer870 4 жыл бұрын
Amazing, very helpful and simple to understand
@dhokiarinidh9809
@dhokiarinidh9809 Жыл бұрын
Thank you so much, you make learning easier and faster
@ghury1
@ghury1 Жыл бұрын
how to create an javascript interceptor, that intercept every xmlHttpRequest, and show an alert each time the xmlHttpRequest goes in error or errorCode is != 200?
@shashigupta5206
@shashigupta5206 5 жыл бұрын
One more bonus as usual. Thanks
@ssbrar7447
@ssbrar7447 4 жыл бұрын
Thanks Max, Your contents are very well explained.
@arishshah1142
@arishshah1142 5 жыл бұрын
Great video Max, could you also throw some light on WebAssembly?
@justsomeguy8385
@justsomeguy8385 5 жыл бұрын
I'm so glad `fetch()` exists
@FordExplorer-rm6ew
@FordExplorer-rm6ew 5 жыл бұрын
But does fetch work in prod? How can I use it whilst avoiding SPA frameworks?
@justsomeguy8385
@justsomeguy8385 5 жыл бұрын
​@@FordExplorer-rm6ew fetch is great for simple async requests and it's built into javascript. For production you might be better off using Axios for all of the built in features.
@satviknema8629
@satviknema8629 4 жыл бұрын
I dont see the point of using promises here? Am i missing something? couldnt we had just returned the response directly? We have the onload method for us. Did you use promises just to make it analogous to using fetch() api?
@Qors1314
@Qors1314 5 жыл бұрын
really great tut man, clear explanations.
@emsdy6741
@emsdy6741 5 жыл бұрын
I am having problem when I implement POST method error 404 (Not Found). But it works perfectly on GET method. Please help.
@zealousprogrammer4539
@zealousprogrammer4539 5 жыл бұрын
Thanks Max - did you just gotten married? Your face look fresh and younger haha
@academind
@academind 5 жыл бұрын
Thank you, no marriage though ;)
@TheMessixaviniesta
@TheMessixaviniesta 5 жыл бұрын
The opposite, he got divorced.
@chiffenok
@chiffenok 5 жыл бұрын
@@academind fall in love then ))) just kidding ) but maybe it's true. Hi, from Köln!)
@TraceguyRune
@TraceguyRune 3 жыл бұрын
The would mean he got divorced
@klimax1170
@klimax1170 5 жыл бұрын
Good one! It would be great if you will make more videos about native js
@RamatjyotSingh
@RamatjyotSingh Ай бұрын
why are we using promises in this even thou xhr deosnt natively support em?
@zoel8203
@zoel8203 4 жыл бұрын
I'm not to sure how to make a javascript fetch URL where you paste it in the bar on a browser then it sends back the cookies Please help me!
@miguelcunha1914
@miguelcunha1914 4 жыл бұрын
The google API doesn’t recognise the XMLHttpRequest function Is this normal? What should I do
@jacobnotte3699
@jacobnotte3699 4 жыл бұрын
Very good instructor! Thank you for sharing your knowledge
@sir_humpy
@sir_humpy 5 жыл бұрын
I'm lost - when I add xhr.setRequestHeader('Content-Type', 'application/json'); I get a "Access to XMLHttpRequest at 'api.......' from origin 'localhost:4200' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values 'localhost:4200, *', but only one is allowed." When I delete the xhr.setRequestHeader bit, I get this error message: "Content type 'text/plain;charset=UTF-8' not supported". So I have to go back to set the headers to read json, right? It's a catch 22!!!!!!
@mustafaal-maawi2343
@mustafaal-maawi2343 4 жыл бұрын
Is it possible to send an SSL request via axion or xml or fetch or how can I make my nodesjs app does the request in the browser
@sebastiannietor9724
@sebastiannietor9724 3 жыл бұрын
I got this message: "WSDoAllReceiver: Request does not contain required Security header" :( What can i do?
@waldemarenns4874
@waldemarenns4874 5 жыл бұрын
Nice one! I started back then with XMLHttpRequests, and made a jump later to the fetch API / jQuery's ajax-API. Old-used thing, those XMLHttpRequests, but they remind me of my beginning in web development. I remember a time, when i loaded whole HTML pages via XMLHttpRequests - something i would never do nowadays. But "ich schweife ab" ... - nice video!
@sunindragupta9236
@sunindragupta9236 4 жыл бұрын
Hi, I am getting access-control-allow-origin error when using the Tesla API, xmlHttpRequest via javascript, do you have any advice
@AnujKumar-ld6kq
@AnujKumar-ld6kq 4 жыл бұрын
Hello I am very new to JavaScript and API Automation. My project uses POST APIs with XML request (with input value tags and userid and password) and XML response. and using JEST framework. Can you please help me building a simple test with handling XML request response, Headers, URL, authorization key ?
@gdsantos2002
@gdsantos2002 2 жыл бұрын
Nice explanation, thanks!
@rongliao9255
@rongliao9255 5 жыл бұрын
Great subject - very well explained!!
@va9if
@va9if 2 жыл бұрын
That was soo cleann
@olivestechnologies9040
@olivestechnologies9040 4 жыл бұрын
im applying for a payment integration on my website and the merchant gave me files to send xml request but im totally confused any helP>>>> ?????????????????????????????
@sidheshwartiwari9834
@sidheshwartiwari9834 4 жыл бұрын
Very informative. Thank you so much
@nguyentunchannel4438
@nguyentunchannel4438 4 жыл бұрын
Can you make video about extension chrome
@RainOnline
@RainOnline 5 жыл бұрын
What font are you using?
@yourytking
@yourytking Жыл бұрын
How do you get around hard coding the url?
@enssahfayiamomoh8410
@enssahfayiamomoh8410 Жыл бұрын
Wonderful...thank you a lot for this lesson...
@cruquen
@cruquen 3 жыл бұрын
i am blocked by CORS Policy while trying to getData :(
@mooodddy1
@mooodddy1 5 жыл бұрын
Plz, max more explain http2 and how to use it?
@novelstudio1651
@novelstudio1651 3 жыл бұрын
how to get json using param (id) ?
@pjmclenon
@pjmclenon 4 жыл бұрын
hello my API keeps retruning HTML and so i cant run my search box to call the API do you know how to solve this issue? in your code i get null and so i have to comment out responseType line and then i just get HTML code in the console this is a sample API call gigablast.com/search?format=json&q=Lisa thxz for any help i been trying to solve this myself and online for 3 weeks Lisa does anyone know the fix for this? i followed the code for fetch from david ceccia but i still get only HTML and so i will also get cant parse error < because thats the 1st caracter of an HTML page
@uzairwani7543
@uzairwani7543 2 жыл бұрын
stuck with the CORS issue.. please help
@varleycraig
@varleycraig 4 жыл бұрын
Thanks that was extremely helpful.
@andreww406
@andreww406 4 жыл бұрын
Hi. I have some problems :) I have trying to call from js, like you, into a django-api-rest which is created by me and it s on localhost the same :) i have this error : access has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
@TheStoicPlayer64
@TheStoicPlayer64 4 жыл бұрын
you need to download cors package for django using pip and add some code in settings.py middleware to enable policy
@RahulKumar-rk1tf
@RahulKumar-rk1tf 5 жыл бұрын
Thank you, I am following you very long time and I learnt a lot from your video but my one concept is never clear about promises and async and await. I would like to ask could you please comment here function getData using async, await this will clear my doubt. Thanks you!!!
@adityarajora7219
@adityarajora7219 4 жыл бұрын
can anybody make me understand the sequence of execution of that code???????
@arutosio
@arutosio 4 жыл бұрын
can i save the responce value in a var?
@FordExplorer-rm6ew
@FordExplorer-rm6ew 5 жыл бұрын
Now that I've been building and deploying applications for some time now... My question really isn't so much about Ajax , libraries , or the xhr object itself, but... More so, *How do these things work in prod?* How can I avoid those icky CORS errors? What is best practice for stuff like that? I see all of these tutorials , and it's like, yeah... that's nice for my local machine... But I'm concerned about prod and others. The duct tape and glue way to avoid it seems to be, to make hybrid php/JS applications on apache and express (2 servers) Or figure out how to connect websockets (to work in prod mind you) Idk, kinda wanna avoid the whole hybrid php/js thing. Or is that just something one has to go through? Surely there are better ways? Idk.
@chadaltenburg249
@chadaltenburg249 4 жыл бұрын
And then in reality, you don't always direct access to JSON. At my job the reason for this is that the JSON data is dynamically generated. At which point you will have to manually build the http request header and then use a decompression algorithm to get the JSON data on the response header.
@tasz786
@tasz786 5 жыл бұрын
Can we send request with custom header ?
@savendra
@savendra 5 жыл бұрын
Will it work with nodejs on server side?
@avinashavi4146
@avinashavi4146 3 жыл бұрын
What happenes if given url is wrong
@aminefun1
@aminefun1 6 ай бұрын
nothing are raten in the console and no error just nothing happen
@rudresh_official
@rudresh_official 5 жыл бұрын
Thanks for sharing this video. Yeah I did understood something but after 12 minutes it was difficult to understand .
@akki100boyz
@akki100boyz 5 жыл бұрын
Thank you for this video
@yana7j
@yana7j 3 жыл бұрын
It's sad that there is no eng sub
@humuhumunuku2113
@humuhumunuku2113 3 жыл бұрын
i feel u
@kawsarbinsiraj1816
@kawsarbinsiraj1816 5 жыл бұрын
just WOW & awesome !!
@academind
@academind 5 жыл бұрын
Thank you so much :)
@eduardorivas6959
@eduardorivas6959 9 ай бұрын
GENIAL! thanks you.
@greenshaheen
@greenshaheen 5 жыл бұрын
Sir who is your favorite instructor ? Or any suggestions other than academind ?
@academind
@academind 5 жыл бұрын
Well, I guess I'm not the most objective person here, but I would say that our courses are not the worst ;) => academind.com/learn/our-courses/
@greenshaheen
@greenshaheen 5 жыл бұрын
@@academind you are awesome. Love you sir
@Vofr
@Vofr 3 жыл бұрын
Very helpful and easy to understand :)
@zsamotsil
@zsamotsil 5 жыл бұрын
Thanks for Good Work :)
@ruan1384
@ruan1384 3 жыл бұрын
Wow, this is really hard to wrap my head around. This video helps a lot, but Idk man, this stuff is hard
@umutturan9282
@umutturan9282 5 жыл бұрын
Great! Thank you :-)
@SandeepKumar-cx7cz
@SandeepKumar-cx7cz 4 жыл бұрын
9:11 promise example
@soniablanche5672
@soniablanche5672 2 жыл бұрын
fun fact: axios uses xhr in browser and http/https modules in nodejs
@ChrisLocke1969
@ChrisLocke1969 5 жыл бұрын
Jquery, 3 lines, done 😉
@academind
@academind 5 жыл бұрын
Not the idea behind the video though ;-)
@hrabianero
@hrabianero 5 жыл бұрын
not worth the shame ;)
@jaimeeduardo159
@jaimeeduardo159 4 жыл бұрын
Great video
@muchis
@muchis 2 жыл бұрын
I don't get why start using recent methods when the whole point of using XMLHttpRequest is to use it in legacy projects where those methods are not available, I think you should've stayed with the traditional way of doing XMLHttpRequest and not introduce promise or async await etc
@MontyKsycki
@MontyKsycki 4 жыл бұрын
Thank You for Sharing!!! Very mUch appreciated!! Have a Wonderfull Day!!!! :) Enjoy ~ Peace :)
@ProgrammingwithPeter
@ProgrammingwithPeter 5 жыл бұрын
Good showcase as always, I prefer simplicity so axios is a winner for me, of course not for prototypes.
@fishnetweaver7747
@fishnetweaver7747 4 жыл бұрын
Max, please include subtitles for this video, thank you...
@nguyentunchannel4438
@nguyentunchannel4438 4 жыл бұрын
Nice , thanks
@alvinluk9724
@alvinluk9724 3 жыл бұрын
hope subtitles for future
@gkarapeev
@gkarapeev 4 жыл бұрын
Awesome!
@maximo7850
@maximo7850 5 жыл бұрын
I want one of that mug 😆
@academind
@academind 5 жыл бұрын
Sorry, not for sale :/
@maximo7850
@maximo7850 5 жыл бұрын
@@academind :/
Sending JavaScript Http Requests with the fetch() API
16:50
Academind
Рет қаралды 67 М.
JSON and AJAX Tutorial: With Real Examples
40:45
LearnWebCode
Рет қаралды 1,8 МЛН
БОЙКАЛАР| bayGUYS | 27 шығарылым
28:49
bayGUYS
Рет қаралды 1,1 МЛН
Air Sigma Girl #sigma
0:32
Jin and Hattie
Рет қаралды 45 МЛН
Every team from the Bracket Buster! Who ya got? 😏
0:53
FailArmy Shorts
Рет қаралды 13 МЛН
HTTP Crash Course & Exploration
38:30
Traversy Media
Рет қаралды 1,1 МЛН
Sending JavaScript Http Requests with Axios
11:50
Academind
Рет қаралды 176 М.
Learn XML HTTP Requests in JavaScript | AJAX Tutorial
10:09
Learn JSON in 10 Minutes
12:00
Web Dev Simplified
Рет қаралды 3,3 МЛН
You might not need useEffect() ...
21:45
Academind
Рет қаралды 177 М.
Object-oriented Programming in JavaScript: Made Super Simple | Mosh
1:02:49
Programming with Mosh
Рет қаралды 2 МЛН
REST vs GraphQL - What's the best kind of API?
17:02
Academind
Рет қаралды 322 М.
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
AJAX Crash Course (Vanilla JavaScript)
1:09:43
Traversy Media
Рет қаралды 729 М.