ASP.NET AJAX – The Client-Side Callback

ASP.NET AJAX – ASP.NET 2.0 में Client-Callback नाम का एक नया Feature Add किया गया था जो Current Page को फिर से Reload किए बिना ही Server Side से नई Values को Retrieve करके फिर से उसी Page को Update करना सम्भव हो जाता था। जिसकी वजह से पूरे Page को फिर से Postback Cycle मेंFlow नहीं होना पडता था।

अन्‍य शब्दों में कहें तो बिना Page Reload किए हुए उसके किसी Part को Server-Side Values से Update किया जा सकता था, जबकि Server-Side Values को Retrieve करने का काम Background में Asynchronously किया जाता था और वर्तमान में इसी Technology को AJAX के नाम से जाना जाता है जो कि JavaScript Technology का ही हिस्सा है।

Postback Versus Callback

इससे पहले कि हम ASP.NET 2.0 में Add किए गए इस एक Client-Callback Feature को Use करते हुए कुछ Examples देखें, पहले इन दोनों के बीच के अन्तर को समझ लेना बेहतर होगा।

जब ASP.NET Page पर कोई Page Event Trigger होता है जो कि Postback Scenario में काम कर रहा होता है तो वास्तव में Background में बहुत सारा काम हो रहा होता है, जिसे हम निम्न Diagram द्वारा बेहतर तरीके से समझ सकते हैं:

Normal Postback Situation में कोई Event Trigger होकर किसी HTTP Post Request को Web Server पर Send करता है। उदाहरण के लिए जब कोई User किसी Page पर स्थित किसी Button को Click करता है, तो Click Event के Response में Web Server पर एक HTTP Post Request Send होता है। फिर Web Server उस Request को IPostbackEventHandler के माध्‍यम से Process करता है और Page Cycle के विभिन्न Stages को Run करते हुए विभिन्न Page Events Fire करता है।

इसी Page Processing के दोरान View State के माध्‍यम से Page का State Load होता है, Data की Processing होती है, Postback Events की Processing होती है और अन्त में हमारा Page Web Browser में Render होने के लिए तैयार होकर Response के रूप में Return होता है, जिसे फिर से Web Browser द्वारा Render कर दिया जाता है।

ASP.NET WebForms में Postback के काम करने का यही तरीका होता है और इस पूरी प्रक्रिया में पूरा Page Web Browser में फिर से पूरी तरह से Load होता है। जबकि ASP.NET 2.0 हमें एक नया Alternative Callback Approach Provide करता है, जिसे हम निम्न चित्रानुसार समझ सकते हैं:

इस Approach को यदि हम फिर से अपने पिछले Example को ही उपयोग में लेते हुए समझें, तो जब हम किसी Button पर Click करते हैं, तो Trigger होने वाला Event एक JavaScript Event Handler Function को Execute करता है और ये JavaScript Function उस Button Click Event को Processing के लिए Web Server पर Asynchronous तरीके से Send करता है।

फिर ICallbackEventHandler उस Request को एक Pipeline के माध्‍यम से Run करता है, जो कि Postback के समान ही होता है लेकिन जैसाकि उपरोक्त चित्र द्वारा हम समझ सकते हैं कि इस Approach में Page Rendering जैसा Step पूरी तरह से Ignore कर दिया जाता है और Request Processing द्वारा जो Response Generate होता है, उसे Script Callback Object को Return कर दिया जाता है।

फिर Script Object उस Request Processing द्वारा आने वाले Resultant Data को JavaScript के माध्‍यम से Current Page में ही Insert करते हुए उसके किसी Particular Part को Update कर देता है, जिसकी वजह से इस Approach में Entire Page पूरी तरह से Reload नहीं होता, बल्कि Page का कोई हिस्सा ही Update होता है।