• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Ajax part i

on

  • 2,414 views

 

Statistics

Views

Total Views
2,414
Views on SlideShare
2,413
Embed Views
1

Actions

Likes
1
Downloads
172
Comments
1

1 Embed 1

http://myexamnotes.books.officelive.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ajax part i Ajax part i Presentation Transcript

    • AJAX – Part I
      Mukesh N. Tekwani
      tekwani@email.com
    • Ajax – A Brief Introduction
      Ajax – Asynchronous JavaScript and XML
      Components of Ajax are:
      Browser-based presentation using HTML and CSS
      Datastored in XML format and fetched from the server
      Data fetched by using XMLHttpRequest objects in the browser.
      JavaScript to make everything happen
    • How Ajax Works
      The JavaScript code fetches data from the server as needed
      When more data is needed from the server, JavaScript uses the XMLHttpRequest object to send a request to the server behind the scenes – without causing a page refresh.
    • How Ajax Works
      The JavaScript does not have to stop everything to wait for that data to come back from the server. It can wait for the data in the background and display it when the data appears. This is called asynchronous data retrieval.
    • How Ajax Works
      The data that comes back from the server can be XML or even plain text. The JavaScript code in the browser can read the data and put it to work immediately.
      Thus, Ajax uses JavaScript in the browser and the XMLHttpRequest object to communicate with the server without page refreshes. It also handles XML or other data sent back from the server.
    • What is needed to make Ajax Work?
      We need JavaScript code to fetch data from the server.
      An online server is needed to store the data.
      We can put code on the server with which JavaScript can interact. We will use PHP for this purpose. PHP is a server-side scripting language.
    • What can you do with Ajax?Applications of Ajax - 1
      Searching the Web in real time with live searches:
      With Ajax we get search results instantly as we enter the term we are searching for.
      E.g., in Google, as soon as we enter the term to search for, Ajax contacts Google behind the scenes and we see a drop-down menu that displays the common search terms from Google.
    • What can you do with Ajax?Applications of Ajax - 2
      Getting answers with autocomplete:
      Autocomplete applications try to guess the word you are entering by getting a list of similar words from the server and displaying them.
    • What can you do with Ajax?Applications of Ajax - 3
      Chatting with friends
      Ajax is a great choice for Web-based chat applications because it updates the Web page without refreshing the displayed page.
    • What can you do with Ajax?Applications of Ajax - 4
      Getting instant login feedback:
      Suppose a user enters wrong username/password, he may get a page explaining the problem and then another page to login again.
      With Ajax, it is possible to get instant feedback on the login attempt.
    • What can you do with Ajax?Applications of Ajax - 5
      Ajax-enabled pop-up menu:
      We can get data from the server as soon as the user needs it using Ajax.
      With Ajax we can set up an interactive menu system that responds to the user’s choices immediately.
    • What can you do with Ajax?Applications of Ajax - 6
      Modifying Web pages on the fly:
      Ajax can update Web pages on the fly without page refreshes.
      For example, a news website can use Ajax techniques to update itself periodically by adding new article titles to the list on the Web page.
    • What can you do with Ajax?Applications of Ajax - 7
      Google Maps:
      This is one of the most famous applications of Ajax.