ajax

ajax/basics.md

@@ -25,7 +25,7 @@
 		<script type="text/javascript">
 			$(function(){
 				$.ajax({
-					url:'http://www.omdbapi.com/',
+					url:'http://www.omdbapi.com/?apikey=53aa2cd6',
 					method: "GET",
 					data: { s: "star wars" },
 					success: function(data, status, jqXHR){

ajax/cross_origin.md

@@ -2,7 +2,7 @@
 
 ```javascript
 $.ajax({
-	url: 'https://status.github.com/api/status.json',
+	url: 'http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=processJSON&tags=monkey&tagmode=any&format=json',
 	success: function(data) { console.log(data) },
 	error: function(jqXHR, status, errorThrown){ console.log(status); }
 });
@@ -13,13 +13,13 @@ look at console
 ## Explain JSONP
 
 ```html
+<!-- Create a function that will be called -->
+<script> function processJSON(data) { console.log(data); } </script>
 <!-- Request sent via a script tag -->
-<script src="https://status.github.com/api/status.json?callback=apiStatus"></script>
+<script src="http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=processJSON&tags=monkey&tagmode=any&format=json"></script>
-<!-- Data received as an execution of the predefined function. -->
-<script> function apiStatus(data) { console.log(data.status); } </script>
 ```
 
 ## Explain CORS
 
-1. http://www.omdbapi.com/?s=pirates&r=json
+1. http://www.omdbapi.com/?apikey=53aa2cd6&s=pirates&r=json
 1. `Access-Control-Allow-Origin:*`

ajax/promises.md

@@ -11,7 +11,7 @@
 		<script type="text/javascript">
 			$(function(){
 				var promise = $.ajax({
-					url:'http://www.omdbapi.com/',
+					url:'http://www.omdbapi.com/?apikey=53aa2cd6',
 					method: "GET",
 					data: { s: "star wars" }
 				});
@@ -43,7 +43,7 @@ more succinct with extra done:
 		<script type="text/javascript">
 			$(function(){
 				$.ajax({
-					url:'http://www.omdbapi.com/',
+					url:'http://www.omdbapi.com/?apikey=53aa2cd6',
 					method: "GET",
 					data: { s: "star wars" }
 				})