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

197

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
197
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
          • http://www.ajaxpatterns.org/AJAXFramework

    ×