An Example Cross Domain AJAX Request

Jun 15th, 2011

Cross Domain AJAX calls can be made by using JSONP.

Here is an example using the Twitter api:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery cross domain ajax example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function() { $.getJSON('http://api.twitter.com/1/trends/1.json?callback=?', function(json){ $('#mydiv').text(json[0].trends[0].name); } ); }); </script> </head> <body> <h3>Top Twitter Trend:</h3> <div id="mydiv">Loading...</div> </body> </html>