JSON Crash Course

Traversy Media
Visualizações 598 612
98% 11 333 168

In this video we will talk about JSON, JavaScript object literals and AJAX. Ill show you how to create JSON objects and arrays and also how to make an Ajax request to a .json file
CODE: Code for this video
EDUONIX COURSES: Please use affiliate links from website below
SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:

Ciência e tecnologia

Publicado em


5 Abr 2017

jsonajaxjson ajaxjson tutorialjavascriptjavascript objectjavascript json



Baixar vídeos:

Carregando o link.....

Adicionar a:

Minha playlist
Assista mais tarde
Comentários 402
The Superior Man
The Superior Man 10 dias atrás
For someone who just wants to understand JSON, you included too much JavaScript.
Hadar Mordechai
Hadar Mordechai 12 dias atrás
I am so sorry but i didn't understand 90% of the video
Terri P
Terri P 14 dias atrás
Thanks for this, but how would I access without using the local server? I would like to see my JSON info by just opening the index.html file.
Yohannes Kifle
Yohannes Kifle 9 dias atrás
You can copy the entire contents of your json file and save it as a javascript variable in your index.html file
Ashraful Fuad
Ashraful Fuad 15 dias atrás
Indeed this is beautiful video
boredom 16 dias atrás
What’s the difference between JSON and GraphQL or are they both different things for different purposes?
blackneos940 17 dias atrás
Yes, but can it gore people to bits?
Jery fen
Jery fen 20 dias atrás
It is just me or is the audio lagging behind the video?
FxStreamer Mês atrás
one of the worst video i have ever seen on youtube in my life. 20 min only pure javascript and html repetitive bs. no JSON beside that you have to convert stuff to string. last 5 min brought an unknown weird constructor function that falsely called it " request object" and then finally realized that you need a server god knows for what. easy peasy thats how you send data with JSON. not unappreciative but give you a feedback
jose munguia
jose munguia Mês atrás
Great video! Thanks for sharing the knowledge!
Giscard Boulou
Giscard Boulou Mês atrás
Hello Traverse (I assume that's your name)! Do you have any schwag? I think your videos are excellent and I wanna support the cause.
GBGOLC Mês atrás
Aleeza Smith
Aleeza Smith Mês atrás
Can anyone help me please, what is json invalid response, and how I can fix it
Clark Meyer
Clark Meyer 2 meses atrás
24:10 is a meme!!!
Jacob yt
Jacob yt 2 meses atrás
in 2019 would we use fetch() instead of the XMLHTTPRequest?
Juan2003gtr 2 meses atrás
great tutorial!
Visualmodo 2 meses atrás
Edge WordPress Theme - Build an amazing site design without coding. Use our awesome drag & drop page builder and the fastest theme on the market 👔📈📊💼 Build better websites with Visualmodo and grow your business!
Visualmodo 2 meses atrás
Edge WordPress Theme - Build an amazing site design without coding. Use our awesome drag & drop page builder and the fastest theme on the market 👔📈📊💼 Build better websites with Visualmodo and grow your business!
D Delgado
D Delgado 2 meses atrás
This video clarifies many of the basic questions around AJAX, JSON, XML, and NodeJS. Thank you for putting things in layman's terms. Just one question: Was there any AJAX used here? I felt like the usage of XML was contradictory to the comments made about AJAX substituting XML with JSON but I probably missed something. Thanks!
Naveen Sodipilli
Naveen Sodipilli 2 meses atrás
Sir I want to send a data in a text file which is getting updated every moment, to an another location wirelessly.. can u pls help in achieving the same...
Jarod Morris
Jarod Morris 2 meses atrás
I've watched a few videos and what seems to be left unsaid is that if you're making your own website and want to pass info easily to a page with AJAX, you can call a PHP file (or any file that creates output) but to use it with JSON.parse() you would need to ensure that PHP outputs a properly formatted JSON text string for use as responseText
Slobodan Lazić
Slobodan Lazić 2 meses atrás
This tutorial is awesome!!!Very helpful information,you are an excelent teacher.
Thiago Lorente
Thiago Lorente 2 meses atrás
Dayum man, thanks, Brazilian student here, you helped me a lot...
HIMANSHU THAKUR 2 meses atrás have just clear my object and array concept
Haritha G
Haritha G 3 meses atrás
what is the html editor he used in the video ?
gamerspastSP 3 meses atrás
Tony Nosov
Tony Nosov 3 meses atrás
hi! how can I get all the info from .json file, but not only name?
Sasha Louis
Sasha Louis 3 meses atrás
Best Teacher I've seen online, simple clear and concise. I also appreciate how you explain everything we need to understand what exactly is going on
C S 3 meses atrás
Insanely brilliant explained!
champion lemon lime
champion lemon lime 3 meses atrás
man, it was so satisfying to see my json server files load into the console. many thanks!
Chris Choir
Chris Choir 3 meses atrás
Are you from Boston?
Rob Wozniak
Rob Wozniak 3 meses atrás
Great tutorial, really lucid.
Jury 3 meses atrás
Your videos are always so easy to understand. Thank you for getting a well paid job!!!!
Gowrisankar reddy Penumallu
Excellent Video ! An explanation like this makes coding easy !! Good on you Traversy
Daulton B
Daulton B 3 meses atrás
I didn't expect to be taught JSON by Mark Wahlberg! Thanks Mark, you're the best!
RedstonierTES // TES Network
ShawnB 4 meses atrás
With the most sincere level of appreciation... THANK YOU!!! WELL DONE!!!
clayp72 4 meses atrás
Why do I suddenly have two JSON files in my download folder??
Jason O
Jason O 4 meses atrás
Great video as always, thank you.
MickHornbak 4 meses atrás
Excellent crash course on JSON. Thank you!
Neelanjan Sen
Neelanjan Sen 4 meses atrás
You could've used the fetch api.
Nabil Fannane
Nabil Fannane 4 meses atrás
go bless Nicholas & Brianna ;)
Abhirup Bardhan
Abhirup Bardhan 4 meses atrás
Thank you so much! This was extremely concise and helpful!
Bartholomew Danger
Bartholomew Danger 4 meses atrás
Json Derulo
W0lfbane Shika
W0lfbane Shika 4 meses atrás
16:35 Actual JSON tutorial minus the long winded explanation of what AJAX, JSON and colorful expressions that you'll already know. Pretty annoying.
Alejandra Cabeza
Alejandra Cabeza 4 meses atrás
Loving that chrome extension. It gives you the illusion of productivity. :D
Ram Piyaket
Ram Piyaket 4 meses atrás
Simply brilliant! Thanks so much!
Die Hypotenuse
Die Hypotenuse 4 meses atrás
Simple-Logical-Awesome Thank you!
Viralplace 4 meses atrás
Hi, I did that, but now how could I write inside .json file directly from the script? For example tu insert another user or update the name?
Justin Dyer
Justin Dyer 5 meses atrás
Although you are teaching beyond my scripting level, the way you explain why the way it wont work is great. I need to check out your earlier videos. Thanks! -Juice-
JCSMOOTH345 5 meses atrás
can it be call from an external JSON like javascript?
Ammar Hassan
Ammar Hassan 5 meses atrás
"Dislike it if u dont like", seriously? Brad ur the best teacher out there. Thanks, I always come back to ur video before refreshers.
Peter Loader
Peter Loader 5 meses atrás
I was wondering if anyone knows how to include data in a JSON file that needs to appear as a bulleted list when rendered in HTML. Here is a section of my JSON file. The items 1 through 8 have to appear as a bulleted list in the HTML. Any help would be much appreciated. { "id": "DP-8010", "category": "Adhesives / EPX / Epoxy", "name": "3M DP-8010 Scotch-Weld Epoxy Adhesive Translucent", "description": "3M Scotch-Weld Epoxy Adhesive DP-8010 is a two-part acrylic-based adhesive (10:1 ratio by volume) that can bond many low surface energy plastics, including many grades of Polypropylene, Polyethylene, and TPO’s without special surface preparation. DP-8010 can replace screws, rivets, plastic welding, and two-step processes which include chemical etchants, priming or surface treatments in many applications. Ability to Bond Dissimilar Substrates (Priming to Metal Surfaces May be Necessary).", "1": "Ability to Structurally Bond Polyolefins.", "2": "Room Temperature Cure.", "3": "Excellent Water and Humidity Resistance.", "4": "Very Good Chemical Resistance. ", "5": "Scotch-Weld Adhesive DP-8010NS Has High Viscosity for Sag Resistance.", "6": "One Step Process - No Pre-Treatment of the Polyolefin Substrates Needed.", "7": "Solvent-free Adhesive System.", "8": "Convenient Hand-Held Applicator System.", "size": "45ml / 490ml", "photo": "" }, Note: The numbers are not meant to appear, just the content behind each.
yello 5 meses atrás
Thank you for starting from the bottom up and using basic terms, handy for easing poeple into new things :)
Suvojit Dhole
Suvojit Dhole 5 meses atrás
I just have one thing to say "AWESOME"This 90 minute video is equivalent to a few weeks of study as offered by many famous online training courses. Is there anything on Express?
Zee F
Zee F 5 meses atrás
THANK YOU VERY MUCH. You are truly a great teacher and I appreciate you taking the time and uploading these videos!! Much love and luck to you!!
Marvs Sesenem
Marvs Sesenem 5 meses atrás
I love your tutorials man.. I've watched a lot of complicated tutorials and yours just shed some light when I'm lost.. thank you so much!!!
Wilfred Bancairen
Wilfred Bancairen 5 meses atrás
thanks so much brad!
Rachmad Hidayat
Rachmad Hidayat 5 meses atrás
Great video, it easy to understand and thank you very much
Travez Ripley
Travez Ripley 5 meses atrás
Brad, kills it again!!! (Thank you for being such a great, clear and concise instructor!)
James Huang
James Huang 5 meses atrás
Tq for the great presentation. Now even my dogs can understand it. :-)
Alex Becerra
Alex Becerra 6 meses atrás
Muy bien explicado, muchas gracias!
Prashant Salla
Prashant Salla 6 meses atrás
You are amazing!!! Thanks for the wonderful tutorial.
Avadhut Thorat
Avadhut Thorat 6 meses atrás
Brad the great
Rigel Selmani
Rigel Selmani 6 meses atrás
Very easy to understad , this video was very helpful to me. thanks
Abhishek Sharma
Abhishek Sharma 6 meses atrás
It is a really good and quick reference, got to know about live-server too, thanks
Anoma Abeykoon
Anoma Abeykoon 6 meses atrás
Your explanations are so clear! Keep up the good work! Comprehensive content Thanks
Kevin Schwartz
Kevin Schwartz 6 meses atrás
Fantastic video, thank you so much.
Guillermo Salazar
Guillermo Salazar 6 meses atrás
Terrific explanation! Thanks so much.
Surya Pratap
Surya Pratap 6 meses atrás
how are you using ls command in windows
Shivam 73
Shivam 73 6 meses atrás
What is that console ? Where are you getting that output of the program ? Please reply.
Bhagawati Kishore
Bhagawati Kishore 6 meses atrás
That is the console of chrome. Just hit f12 after opening your chrome browser you will be able to see that.
Vipinraj Kt
Vipinraj Kt 6 meses atrás
Thankyou :)
Patakarla Mahesh TV
Patakarla Mahesh TV 6 meses atrás
Excellent bro.
Juhayer Al Tausif
Juhayer Al Tausif 6 meses atrás
How to get the value of 3h in JavaScript ? "rain":{ "3h":0.255 }
Suresh Kumar
Suresh Kumar 6 meses atrás
Use gson library In java, Map<String, String> rain; Or just create rain object.
xXTurnerLP 7 meses atrás
The funny thing is i already know maybe 70% of JSON just from MINECRAFT WTF DUDEEEE
Serge Maunda
Serge Maunda 7 meses atrás
This has been really helpful. Thank you.
Peter Wallström
Peter Wallström 7 meses atrás
As always we learn so much from you! This helped me so much in my studies.
Idrissa Thiam
Idrissa Thiam 7 meses atrás
BASONN = Booleans, Arrays, Strings, Object, Numbers, Null (Thanks, @squibbles)
buka bidzina
buka bidzina 7 meses atrás
why i am studing at university, when Traversy Media is here ?
therealnightwriter 7 meses atrás
In this video we will be typing a lot of INVALID JSON and talk about javascript a lot.
Abdullah Raihan Bhuiyan
thank you!
Hatim Lagzar
Hatim Lagzar 7 meses atrás
That's all ? lol I planned 1 week to learn JSON haha. Thank you so much Brad.
Próximos vídeos
Learn JSON in 10 Minutes
Visualizações 175 901
JSON Crash Course
Visualizações 596 606
Работа с JSON
Visualizações 15 028
Javascript-джедай #23 - JSON
Что такое JSON
Visualizações 26 635
What is JSON ?
Visualizações 497 700
json to table
Visualizações 34 574
JavaScript - JSON (1/4) : 소개
Visualizações 26 990
Visualizações 75 483
Teachers You WISH You Had
Visualizações 2 000 118
The Two Generals’ Problem
Visualizações 1 073 414
10 Cool Back to School Tech! (Under $100)