Your SlideShare is downloading. ×
Ajax Presentation
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

Ajax Presentation

823
views

Published on

Published in: Technology

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

  • Be the first to like this

No Downloads
Views
Total Views
823
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
36
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

Transcript

  • 1. AJAX and ASP.NET
    • Thomas Zachary Moore
    • [email_address]
    • 28 Jun 2006
  • 2. AJAX
    • Asynchronous – Communication can take place with the server as the user is interacting with the page.
    • Javascript – Coding is done in Javascript which is close to cross browser compatible
    • And
    • XML – The original design was for data to be passed back and forth using XML (i.e. Web Services). As we will see, there are now other methods of passing data as well.
  • 3. Non-Ajax Web Browser Web Server www.mypage.com User http://www.myPage.com/ GET / Page
  • 4. Non-Ajax Web Browser (Default.aspx) Web Server www.mypage.com User Some Interaction POST Form Variables Refresh entire page User views new page
  • 5. Ajax Enabled 1 st part same as before Web Browser Web Server www.mypage.com User http://www.myPage.com/ GET / Page
  • 6. Ajax Enabled Here is the different Web Browser (Default.aspx) Web Server www.mypage.com User Some Interaction Asynchronous HTTP Callback Data Chunk Javascript updates DOM
  • 7. The X in Ajax
    • The 'X' in AJAX is supposed to stand for XML.
    • It was envisioned that XML would be the perfect container for data passed back and forth between the browser and client because it is an open standard and most browsers have parsers.
    • XML has been mostly abandoned because it takes up too much space.
  • 8. The X in Ajax (more)
    • XML is nice but it is wordy and it can bloat the size of your data.
    • JSON (Javascript Object Notation) is often used instead.
  • 9. Advantages of JSON
    • JSON is more concise. It takes less text to describe the same data.
    • JSON is also directly executable.
      • Because Javascript is an interpreted language, JSON objects are directly usable and do not require an additional parsing step
  • 10. Simple XML Example
    • <Student>
      • <id>123</id>
      • <FirstName>Bob</FirstName>
      • <LastName>Smith</LastName>
      • <Address>123 Main ST</Address>
      • <City>Springfield</City>
      • <State>GA</State>
      • <Zip>33333</Zip>
    • </Student>
  • 11. JSON Example
    • {
    • &quot;Student&quot;:
      • [
      • {
        • &quot;id&quot;:&quot;123&quot;,
        • &quot;FirstName&quot;:&quot;Bob&quot;,
        • &quot;LastName&quot;:&quot;Smith&quot;,
        • &quot;Address&quot;:&quot;123 Main ST&quot;,
        • &quot;City&quot;:&quot;Springfield&quot;,
        • &quot;State&quot;:&quot;GA&quot;,
        • &quot;Zip&quot;:&quot;33333&quot;
      • }
      • ]
    • }
  • 12. XML gets the last word
    • JSON uses Javascript style schema to describe the data.
    • Javascript only has 1 datatype, the variant, so JSON doesn't store Type.
    • Ajax uses JSON to be faster and easier, but certain implementations can still use XML or call XML Web Services.
  • 13. AJAX .NET
    • Created and maintained by Michael Schwarz of Stein, Germany.
    • Uses Attributes to define “Ajax methods”
    • Works with ASP.NET 1.1 and 2.0
    • Several Versions
      • AJAX .NET
      • Another version of AJAX .NET maintained by a company that offers paid support.
      • AJAX .NET Pro – No paid support but this is the version I recommend with the most recent updates.
  • 14. Atlas
    • Atlas is an Ajax Framework created by Microsoft.
    • Atlas is currently still in Beta.
    • I'm new to Atlas so my examples are basic.
  • 15. Summary
    • AJAX is a Design Pattern, not a single technology, framework, or library.
    • Using AJAX, data can be transmitted in many formats, including but not limited to XML, JSON, Comma Delimited, and binary formats such as image data.
    • Using ASP.NET, you can design a form using the default postback technology and then enhance the page by redesigning features to use AJAX later.
  • 16. Links
    • AJAX .NET
      • http://www.ajaxpro.info/
    • Microsoft Atlas Site
      • http://atlas.asp.net/default.aspx?tabid=47
    • Wikipedia
      • http://en.wikipedia.org/wiki/Ajax_framework
    • Google Suggest
      • http://www.google.com/webhp?complete=1&hl=en
    • Articles
      • http://www.developer.com/design/article.php/10925_3526681_1
      • http://dotnetjunkies.com/WebLog/joshuagough/archive/2006/06/28/141278.aspx
      • http:// www.deitel.com/ajax/AJAX_resourcecenter.html