Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45

AJAX Asynchronous Javascript and XML Generally when we work with Javascript, or any programming language, we use in a synchronous way Code executes from the top down, waiting for the lines before to finish before starting the next line Asynchronous basically means we can execute some commands outside of the normal page flow, allowing the page to load normally while we run some additional commands in the background

AJAX Primary uses of AJAX Updating a portion of a web page without reloading the entire page Request/Receive data from a server after the page has finished loading Send data to a server in the background AJAX is not a new programming language, but rather just a tool for dynamically updating the page content without a full refresh

AJAX One of the easiest places to see AJAX in action, is to go to Google, and start to search for something The autocomplete feature is actually AJAX driven, as you type in text, that text is sent to a Google server to request options to provide, then those options are displayed when they are returned to the page One of the biggest hurdles for something like this is keeping the response time high enough to make it useful

AJAX Two key pieces to getting AJAX to work First is setting up a page that will give you the snippets of data you need Second is setting up another page to access the first page through an AJAX call Let’s start by looking at how Google does it for their search, and then we will build our own AJAX calls

AJAX Server Response Page This page needs to give us a server response in a format we can use Some common formats: HTML JSON XML

Midterm The midterm turned out to be a bit longer than I had expected For this reason, there are going to be two options for getting some extra points Receive a curved score (instead of basing your score out of 50, it will be out of 42) OR Complete a bonus assignment for 10 pts (20%) I will apply the greater of the two to your midterm grade I will post midterm grades tonight with max scores for both options

Midterm Base Scores Course Average: 60 Low: 28 High: 96 Curved Scores Course Average: 71.5 Low: 33.3 High: Bonus Scores Course Average: 80 Low: 48 High: 116

Midterm Grades

Bonus Assignment Due Tue 20 11:30pm Download the HTML file attached to the dropbox instructions Apply the DataTables JQuery plugin to the table on the page: Use the DataTables plugin to do the following: Sort the ID column ASC Create styles to do the following: Alternating row colors Highlight column being sorted on

Next Two Weeks Tuesday (20 th ) AJAX with CI Assign AJAX Lab Midterm Bonus Due Thursday (22 nd ) Review Midterm