"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Ajax
1.
2. Disclaimer: This presentation is prepared by trainees of
baabtra as a part of mentoring program. This is not official
document of baabtra –Mentoring Partner
Baabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt . Ltd
4. AJAX
AJAX = Asynchronous JavaScript and XML.
AJAX is a technique for creating fast and
dynamic web pages.
AJAX allows web pages to be updated
asynchronously by exchanging small amounts
of data with the server behind the scenes.
This means that it is possible to update parts
of a web page, without reloading the whole
page.
5. Overview of Ajax
Ajax refers to JavaScript and XML,
technologies that are widely used for creating
dynamic and asynchronous wed content.
While Ajax is not limited to JavaScript and
XML technologies, more often than not they
are used together by wed applications.
6. Advantages of Ajax
Form data validation in real time, eliminating
the need to submit the form for verification
Enhanced functionality for wed pages, such as
user name and password prompts
Partial update of the wed content, avoiding
complete page reloads
7. Disadvantages of Ajax
• Search engine would not be able to index an
Ajax application.
• The server information can not be accessed
within AJAX.
• AJAX is not well integrated with any browser.
• ActiveX request are enabled only in IE 5 and IE
6
8. Ajax Working With browser
Ajax unfortunately doesn’t have same code
for all browser, it has little bit different for all
the browser. The keystone of Ajax is
XMLHttpRequest object. And it will be very
necessary for you to know about the
XMLHttpObject, how it makes all browser
compactible with the code
9. Ajax Frame Works
• The global of the framework is to provide the
Ajax engine.
• Framework eases the work of the Ajax
programmer at two levels:-
1. On the client side:-
It offers JavaScript function to send
request to the server.
2. On the server side:-
it processes the requests, search for
the data, and transmits them to the
browser.
11. Ajax XMLHttpRequest
AJAX- Create an XMLHttpRequest Object
The XMLHttpRequest Object
All modern browsers support the
XMLHttpRequest object(IE5 and IE6 uses an
ActiveXobject).
The XMLHttpRequest object is used to
exchange data with a server behind the
scenes. This means that it is possible to
update parts of a wed page, without reloading
the whole page.
12. Ajax –Server Response
Server Response
To get the response from a server, use the
response Text or responseXML property of the
XMLHttpRequest object.
Property Description
ResponseText get the response data as string
responseXML get the response data as Xml
data
13. Example of Ajax
<!DOCTYPE html>
<html>
<body>
<div id=“myDiv”><h2>Let AJAX change this
text</h2></div>
<button type=“button”
onclick=“loadXMLDoc()”>change
content</button>
</body>
</html>
14. Want to learn more about programming or Looking to become a good programmer?
Are you wasting time on searching so many contents online?
Do you want to learn things quickly?
Tired of spending huge amount of money to become a Software professional?
Do an online course
@ baabtra.com
We put industry standards to practice. Our structured, activity based courses are so designed
to make a quick, good software professional out of anybody who holds a passion for coding.
16. Follow us @ twitter.com/baabtra
Like us @ facebook.com/baabtra
Subscribe to us @ youtube.com/baabtra
Become a follower @ slideshare.net/BaabtraMentoringPartner
Connect to us @ in.linkedin.com/in/baabtra
Give a feedback @ massbaab.com/baabtra
Thanks in advance
www.baabtra.com | www.massbaab.com |www.baabte.com
17. Emarald Mall (Big Bazar Building)
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
NC Complex, Near Bus Stand
Mukkam, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
Cafit Square,
Hilite Business Park,
Near Pantheerankavu,
Kozhikode
Start up Village
Eranakulam,
Kerala, India.
Email: info@baabtra.com
Contact Us