Web Application Experience in 1993

Brendan Eich’s Home Page (the inventor of JavaScript)

Super Fancy Ajax Application

renders once
Ajax Calls (services)

renders
• Controls
• Code
• Work
postback
Web Server Web Browser

renders
• Controls
• Code
• Work
sneaky
postback
Web Server Web Browser

• Code
renders
• Work
• Controls
sneaky
postback
Web Server Web Browser

Clean separation of content and
behavior

for (var i=0;i < data.length;i++)
{
row = \"<tr>\";
row += \"<td>\" + data[i].Title + \"</td>\";
row += \"<td>\" + data[i].Director + \"</td>\";
table += row;
}
$get(\"movieBody\").innerHTML = table;
(Evil)

movieView.set_data(data);
<tbody id=\"movieBody\" class=\"sys-template\">
<tr>
<td>{{ Title }}</td>
<td>{{ Director }}</td>
<td>{{ DateReleased.localeFormat(\"D\") }}</td>
</tr>
</tbody>
(Good)

(impediments to a perfect future)

{{ CompanyName }}
<span>{binding CompanyName}</span>
<input type=“text” value=“{binding CompanyName}” />

Embrace the client-side!
For better performance and a better user
experience, start writing client-side ASP.NET
AJAX applications.

aspnet.CodePlex.com
www.ASP.net/ajax

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market
conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.