# JSON, APIs and Ajax learning resources

**URL:** <https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946>\
**Category:** General\
**Created:** [September 7, 2016, 10:10pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946 "2016-09-07T22:10:15Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![xiaji1](https://avatars.discourse-cdn.com/v4/letter/x/f04885/32.png) [@xiaji1](https://forum.freecodecamp.org/u/xiaji1)\
**Post date:** [September 7, 2016, 10:10pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/1 "2016-09-07T22:10:15Z")

</div>

I have already passed all the basic algorithm challenges and now is ready for the 4 projects with the knowledge of JSON, APIs and Ajax. But the teaching of these 3 in FreeCodeCamp is very short mainly just copy and pasting the prepared code. So my current knowledge of JSON, APIs and Ajax is almost ZERO now. Do you have any good resources for JSON, APIs and Ajax? i prefer the interactive ones like FreeCodeCamp, but if not, then any good resources for JSON, APIs and Ajax are welcome! thanks!

---

<div class="post-metadata">

**Author:** ![JohnL3](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnl3/32/16459_2.png) [@JohnL3](https://forum.freecodecamp.org/u/JohnL3)\
**Post date:** [September 7, 2016, 10:25pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/2 "2016-09-07T22:25:19Z")

</div>

i found this very good it show you how to write the json or ajax request and had no problems with that part after watching this video

> **[Using jQuery to Retrieve JSON via AJAX - 19](https://forum.freecodecamp.org/clicks/track?url=https%3A%2F%2Fchannel9.msdn.com%2FSeries%2FJavascript-Fundamentals-Development-for-Absolute-Beginners%2FUsing-jQuery-to-Retrieve-JSON-via-AJAX-19&post_id=61321&topic_id=34586)**
>
> AJAX allows web pages and web servers to communicate without requiring a full page refresh. JSON is a data format that closely resembles object literals in JavaScript. Most modern web applications uti

next all you need to do is go to the site doing the api eg if doing the weather app challange … you need to then go to that site eg openweathermap is one such site … and read what the documentation tells you to do… basically this means writing a url with some details of what your looking for and , this url then is used with your json or ajax request. you will understand better from watching the video than from me trying to explain it.

---

<div class="post-metadata">

**Author:** ![JacksonBates](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jacksonbates/32/123402_2.png) [@JacksonBates](https://forum.freecodecamp.org/u/JacksonBates)\
**Post date:** [September 7, 2016, 11:06pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/3 "2016-09-07T23:06:32Z")

</div>

Eventually you’ll hit CORS issues, here is a little primer from one of our own 🙂

[http://forum.freecodecamp.com/t/cross-domain-error-i-thought-im-using-jsonp-so-whats-wrong/11012/6?u=jacksonbates](http://forum.freecodecamp.com/t/cross-domain-error-i-thought-im-using-jsonp-so-whats-wrong/11012/6?u=jacksonbates)

Note: I’ve started hearing whispers that [crossorigin.me](http://crossorigin.me) is not working for people the way it once did, so you may need to focus more on JSONP solutions (especially for the Wikipedia viewer…)

---

<div class="post-metadata">

**Author:** ![wildlifehexagon](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/wildlifehexagon/32/3157_2.png) [@wildlifehexagon](https://forum.freecodecamp.org/u/wildlifehexagon)\
**Post date:** [September 8, 2016, 3:21am UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/4 "2016-09-08T03:21:40Z")

</div>

I found this Udacity course to be very helpful, especially since its project involves using the Wikipedia API (a requirement for one of the FCC projects):

> **[Intro to AJAX | Udacity](https://www.udacity.com/course/intro-to-ajax--ud110)**
>
> Learn how to perform asynchronous requests as you build a web app with data from Google Street View, the New York Times and Wikipedia!

---

<div class="post-metadata">

**Author:** ![Farashto](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/farashto/32/13996_2.png) [@Farashto](https://forum.freecodecamp.org/u/Farashto)\
**Post date:** [September 8, 2016, 8:30pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/5 "2016-09-08T20:30:17Z")

</div>

I’m with you, all the lessons for this section are copy&paste, I didn’t learn much. Will try the video and links provided by other campers, hopes this helps.

---

<div class="post-metadata">

**Author:** ![xiaji1](https://avatars.discourse-cdn.com/v4/letter/x/f04885/32.png) [@xiaji1](https://forum.freecodecamp.org/u/xiaji1)\
**Post date:** [September 10, 2016, 1:13am UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/6 "2016-09-10T01:13:01Z")

</div>

Thanks for all the info! I really appreciate!

---

<div class="post-metadata">

**Author:** ![ElChepa](https://avatars.discourse-cdn.com/v4/letter/e/5fc32e/32.png) [@ElChepa](https://forum.freecodecamp.org/u/ElChepa)\
**Post date:** [February 19, 2017, 12:29pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/7 "2017-02-19T12:29:14Z")

</div>

Some resources I’am using:

> **[Ajax/jQuery.getJSON Simple Example — SitePoint](https://www.sitepoint.com/ajaxjquery-getjson-simple-example/)**
>
> Florian Rappl demonstrates how to use jQuery's getJSON helper to load JSON-encoded data from a server using a GET HTTP request.

  

> **[An Introduction to jQuery's Shorthand Ajax Methods — SitePoint](https://www.sitepoint.com/introduction-jquery-shorthand-ajax-methods/)**
>
> Aurelio De Rosa examines the shorthand methods that jQuery provides for achieving asynchronous actions in Ajax-based applications.

  
[https://www.programmableweb.com/api-university/what-are-apis-and-how-do-they-work](https://www.programmableweb.com/api-university/what-are-apis-and-how-do-they-work)  

> **[How to Use jQuery's $.ajax() Function](https://www.sitepoint.com/use-jquerys-ajax-function/)**
>
> This article explains how jQuery's $.ajax() works. This is the most powerful of all the jQuery Ajax functions.

---

<div class="post-metadata">

**Author:** ![ab91](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ab91/32/83874_2.png) [@ab91](https://forum.freecodecamp.org/u/ab91)\
**Post date:** [April 16, 2017, 6:32am UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/8 "2017-04-16T06:32:40Z")

</div>

> [@wildlifehexagon](#):
>
> [AJAX Basics | Intro to AJAX | Udacity](https://www.udacity.com/course/intro-to-ajax--ud110)

This is terrific, thanks

---

<div class="post-metadata">

**Author:** ![evilbudgie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/evilbudgie/32/70557_2.png) [@evilbudgie](https://forum.freecodecamp.org/u/evilbudgie)\
**Post date:** [June 20, 2017, 3:37pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/9 "2017-06-20T15:37:38Z")

</div>

I found the Udacity one absolutely hopeless. Watched through the first section which was simple enough to follow, got to the second part and it’s like… what? No explanation or examples or anything. Just here’s something you will have no clue how to even get started with. Goodbye.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 1:09pm UTC](https://forum.freecodecamp.org/t/json-apis-and-ajax-learning-resources/34946/10 "2021-01-16T13:09:31Z")

</div>

Closed on January 16, 2021, 1:09pm UTC


