Understanding Ajax
Shyamala PrayagaMay 2009
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 2
Agenda
• Understanding Ajax
• Backbone of Ajax
• How Ajax works
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 3
What is Ajax?
• Ajax stands for Asynchronous JavaScript and XML
• Not a new technology
• New technique for creating better, faster and interactive applications
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 4
Ajax Backbone
• JavaScript
• XML
• HTML
• CSS
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 5
How Ajax Works?
• JavaScript communicates directly with the server, through the JavaScript XMLHttpRequest object.
• All new browsers use the built-in JavaScript XMLHttpRequest object to create an XMLHttpRequest object
• IE5 and IE6 uses an ActiveXObject
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 6
XMLHttpRequest object Properties
• onreadystatechange property - stores the function that will process the response from a server
• readyState property - readyState property holds the status of the server's response.
• responseText property - The data sent back from a server can be retrieved with the responseText property.
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 7
Sending response to the server
• open() method– takes three arguments – The first argument defines which method to use when sending
the request (GET or POST). – The second argument specifies the URL of the server-side
script. – The third argument specifies that the request should be handled
asynchronously.
• Send() method– sends the request off to the server.
Yodlee®, Inc. Copyright © 2009 - 04/10/2023 - CONFIDENTIAL 8
Questions?