Your SlideShare is downloading. ×
Lecture 10 Answers
Lecture 10 Answers
Lecture 10 Answers
Lecture 10 Answers
Lecture 10 Answers
Lecture 10 Answers
Lecture 10 Answers
Lecture 10 Answers
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Lecture 10 Answers


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide
  • Microsoft – Atlas Technology which will be released in October
  • 1 – we are not loading the entire page 2- richer user experience doesn ’ t have to wait
  • Userid, coupon id , mouse hovers over a particular item
  • The HTML/AJAX page allows a user to enter his/her name. At the same time ( Asynchronous), the AJAX code tries to retrieve the system date/time from the Web server. The AJAX code allows the user to continue the form data input operation without waiting for the data/time retrieval from the server.
  • Anchor part of URL fragment – many browsers allow the anchor to be updated dynamically which ajax can use to update the anchor dynamically with the page contents
  • How much do u expect from client machine
  • Client side provides basic piping and cross browser abstraction – server side provides browser-server coordination, ability to directly call java server-side apis
  • Transcript

    • 1. IS4 030 - Website Design for e-Commerce By SMIEEE, SMACM, MACS E-mail: [email_address] Room: P7919 Consultation Hours: 3:30 - 5:30pm Monday Lecture Ten AJAX
    • 2. Where AJAX is applied ?
    • 3. AJAX Applications
    • 4. Typical AJAX Applications
      • Real-Time Form Data Validation
        • Form data that require server-side validation can be validated in a form “before” the user submits it.
      • Auto completion
        • A specific portion of form data can be auto-completed as the user types.
      • Master Details Operations
        • Based on a client event, an HTML page can fetch more details from the Server without refreshing the page.
      • Sophisticated UI Controls
        • Controls such as tree controls, menus, and progress bars without page refreshes .
    • 5. A Completed Example
      • form name="myForm">
      • Name: <input type=&quot;text&quot;
      • onkeyup=&quot;ajaxFunction();&quot; name=&quot;username&quot; />
      • Time: <input type=&quot;text&quot; name=&quot;time&quot; />
      • </form>
      • </body>
      • </html>
      • What does this AJAX program/HTML do?
    • 6. AJAX Problems
      • Breaking the “back” button
        • Browsers record static page visits
        • The AJAX page is dynamic and it’s difficult to determine which one is the previous state
      • Changing parts of the page unexpectedly
        • A page is unintentionally altered because of some AJAX codes are incidentally executed.
      • Bookmarking a particular “State” becomes difficult
        • AJAX engine generates the page NOT server
    • 7. AJAX Problems
      • Difficult to Debug
        • Processing logic both in client and server
      • Viewable Source
        • Open to hackers or plagiarism for the processing logic
      • Increased Server Load
        • Asynchronous request is a “heavy” operation
    • 8. AJAX Resources
      • Frameworks
        • Client-side
          • DOGO
          • BackBase
          • AJForm
        • Server-side
          • JSON (Javascript Object Notation)
          • Struts – Layout
          • ComfortASP.NET
        • Many more at