PowerPoint Slide 1

 

PowerPoint Slide 2

 

PowerPoint Slide 3

 

PowerPoint Slide 4

 

PowerPoint Slide 5
  • You can do AJAX calls with JavaScript or JQuery, the choice is yours. With that said, I recommend using JQuery due to the fact that JQuery already has many features built-in the language. For instance, there is a get method in JQuery which already creates the xmlHttpRequest object so you don't have to do that.
PowerPoint Slide 6

 

PowerPoint Slide 7

 

PowerPoint Slide 8

 

PowerPoint Slide 9

 

PowerPoint Slide 10
  • As seen within the example, Professor Beveridge instantiated a new XMLHttpRequest object (AJAX object) and provided a callback function to it. A step back. He provided the callback function to the onreadystatechange property which is an EventHandler that is called whenever the readyState attribute changes. Additionally, Professor Beveridge checks the state of the newly instantiated object. He only checks the readyState however in my personal opinion, he should have also checked for the status of the object which would be done like this: http.status == 200. There is more documentation here which I highly recommend reading.
  • In general, there is a lot going on in this slide! It is all awesome :D
PowerPoint Slide 11

 

PowerPoint Slide 12

 

PowerPoint Slide 13

 

PowerPoint Slide 14

 

PowerPoint Slide 15

 

PowerPoint Slide 16

 

PowerPoint Slide 17

 

PowerPoint Slide 18

 

PowerPoint Slide 19

 

PowerPoint Slide 20

 

PowerPoint Slide 21

 

PowerPoint Slide 22

 

PowerPoint Slide 23

 

PowerPoint Slide 24

 

PowerPoint Slide 25