Skip navigation.

Bringing Design to Software: A Must-Read for Computer ProfessionalsAll recent postsIs Natural Feel For Aesthetics a Must?

Download "ASP.NET AJAX Client Life-Cycle Events" Cheat Sheet

In Microsoft AJAX, the order of events on the client side always confused me. There were various objects involved in the client life cycle, and I didn’t understand which events fired when. I distilled whatever documentation I found into a “cheat sheet” to illustrate the flow of events.

Client-side order of events in Microsoft AJAX

Click the image to download the cheat sheet or grab it from here. I had to use a free converter, PrimoPDF, to accommodate Foxit Reader owners, but being somewhat of a perfectionist, I’m unhappy with the quality of conversion so far.

Comments

Comment permalink 1 Dave |
The link doesn't work....
Comment permalink 2 Milan Negovan |
Crap, and extra space! Thank you, Dave. Fixed.
Comment permalink 3 Charles Cherry |
Try EasyPDF Online: https://www.pdfonline.com/convert_pdf.asp (it's free, but high quality and very fast).
Comment permalink 4 Charles Cherry |
Try EasyPDF Online: https://www.pdfonline.com/convert_pdf.asp (it's free, but high quality and very fast).
Comment permalink 5 Sonu Kapoor |
Nice Work Milan.
Comment permalink 6 wendy |
Thanks for the life cycle cheat sheet, ASP and AJAX are alot easier to understand and explain with it.
Comment permalink 7 Rachit |
Nice work, Milan!
Comment permalink 8 Morten |
I think there is a bug in there. From the cheat sheet it doesn't look like Application.Load fires when the page has its initial load (which is does).
Bottomline: There should be a blue arrow between app.init and app.load designated 1.3.
Comment permalink 9 Milan Negovan |
@Morten: actually, I separated the three stages on purpose. I think you raise a good point though. It'll help clarify the event flow.
Comment permalink 10 BL |
Does Any one has ebook about AJAX ASP.NET?
Plz share me!
Thank you so much,

BL.
Comment permalink 11 Hypotheek |
nice cheat sheet dave. I used it for my student class to show the restrictions of the Ajax programming languages. Little information about Ajax is presented in visual form, so this material came to me as a nice surprise.

best regards
Hypotheek
Comment permalink 12 vinod |
Excellent,reading is very easy
Comment permalink 13 B Gandhi |
Very nice representation of AJAX. Thanks
Comment permalink 14 Fabrice J. |
Yes, it's a good work.
But the .pdf diagram isn't the same as the little one on this page !
Comment permalink 15 Milan Negovan |
Fabrice, what do you mean? Should be the same :)
Comment permalink 16 Fabrice J. |
#1
On this page:
onload => 1.1 => pageLoad => 1.2 => init (... and it's all)
In the .pdf:
onload => 1.1 => init => 1.2 => load => 1.3 => pageLoad.

#2
On this page:
pageUnload => 3.1 => unload => 3.2 => disposing => 3.3 => onunload.
In the .pdf:
onunload => 3.1 => pageUnload => 3.2 => unload => 3.3 => disposing.
Comment permalink 17 Milan Negovan |
Looks like I updated the thumbnail in a later post, but not here.

Fixed. Thank you, Fabrice!

Emails and Notifications

Would you like to be notified when somebody responds to this post?  Would you like to have these comments emailed to you?

TrackBacks

Sorry, TrackBacks are not allowed.

Submit your comment

Please enter only text since all HTML tags except hyperlinks will be stripped. Hyperlinks will become live links. Any comments with flaming or offensive language will be deleted. Be courteous to other posters. Thank you.

Your name (required):
Your email (optional):
Your site's URL (optional):
Enter this number
Type in the number above:
Comment (required):