Requesting JSON content using jQuery

jQuery defines the variable $, which exposes methods for everything you want to do with the interface. (There are ways to rename that variable, say if you're working with another JavaScript environment that uses the same variable, but I don't recommend it). Among the methods $ exposes is the ajax method, which you use to make AJAX queries. Let's see how.

How to do it...

Here's a whole page that makes an AJAX request. The AJAX code is in bold:

<!doctype HTML> <html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.2.min.js"></script> </head> <body> <p>Hello world</p> <p> <div id="debug"></div> </p> <p> <div id="json"></div> </p> <p> <div id="result"></div> </p> <p>Powered by <a href="http://www.aprs.fi">aprs.fi</a></p> ...

Get JavaScript JSON Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.