about ajax

1. AJAX

2. WHAT TO EXPECT FROM THIS
SESSION Basics of Ajax
BIG picture of how Ajax works
Code samples

3. WHAT IS AJAX?
Asynchronous Javascript And XML

4. WHAT IS SO COOL ABOUT AJAX?
Connection between client side script and server side script.
Better user experience
More flexibility
More options

5. HOW DOES AJAX WORK?
A client script asynchronously calls a server side function.

6. CLASSIC VS AJAX

7. AJAX IN THE REAL WORLD
Google Maps
Google Suggest
Yahoo mails

8. SCENARIO
Car Classifieds website has a dropdown with the makes of all the cars.
Based on the selection of the “makes” dropdown the “models”
dropdown has to be populated with the correct models provided by the
manufacturer.
Eg: http://www.autotrader.com/find/all-cars-for-sale.jsp

9. STEPS
Include jquery
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
var make_id = $("#make_id").val();
$.post("ajax.php",{action:"get_model",make_id:make_id},function(response){
$("model_id").html(response);
});
});
</script>
<select id=“make_id”>
<option>Select Make</option>
<option value=“1”>Make1</option>
<option value=“2”>Make2</option>
</select>
<select id=“model_id”>
<option>Please Select Make First</option>
</select>

10. THANK YOU