Esposito Ajax Remote

ASP.NET AJAX Extensions Calling Remote Services from ASP.NET AJAX

What You’re Going to See ,[object Object],[object Object],[object Object],[object Object]

Need for services ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Define a contract ,[object Object],[object Object],[object Object],[object Object]

Expose the server API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Common misconception ,[object Object],[object Object],[object Object]

REST vs. SOAP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ASP.NET AJAX Perspective ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Proxy ,[object Object],[object Object],[object Object],[object Object],[object Object],IntroAjax.WebServices.TimeService . prototype = { GetTime : function (succeededCallback, failedCallback, userContext) { return this ._invoke( IntroAjax.WebServices.TimeService .get_path(), ' GetTime ', false , {}, succeededCallback, failedCallback, userContext); }, GetTimeAsFormat : function ( timeFormat , succeededCallback, failedCallback, userContext) { return this ._invoke( IntroAjax.WebServices.TimeService .get_path(), ' GetTimeAsFormat ', false , {format: timeFormat }, succeededCallback, failedCallback, userContext); } }

Calling Web Methods ,[object Object],< script language ="javascript" type ="text/javascript"> function getTime() { var timeFormat = " ddd, dd MMMM yyyy [hh:mm:ss] "; IntroAjax.WebServices.TimeService .GetTimeFormat(timeFormat, onMethodComplete); } function onMethodComplete(results) { $get (" Label1 ").innerHTML = results; } </ script > < html xmlns ="http://www.w3.org/1999/xhtml"> < head runat ="server">< title>The Time Web service</ title ></ head > < body > < form id ="form1" runat ="server"> < asp:ScriptManager ID ="ScriptManager1" runat ="server"> < Services > < asp:ServiceReference Path ="~/WebServices/TimeService.asmx" /> </ Services > </ asp:ScriptManager > < h2 > What time is it on the server? </ h2 > < input type ="button" value ="Get Time" onclick ="getTime()" /> < asp:Label runat ="server" ID ="Label1" /> </ form > </ body > </ html >

JSON Serialization ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],{"format":"ddd, dd MMMM yyyy [hh:mm:ss]"} "Thu, 25 January 2007 [07:10:31]" Request body Response Content

Using Complex Types ,[object Object],[object Object],[object Object],[object Object],{"id":"ALFKI"} { "__type":"IntroAjax.Customer", "ID":"ALFKI", "CompanyName":"Alfreds Futterkiste", "ContactName":"Maria Anders", "ContactTitle":"Sales Representative", "Street":"Obere Str. 57", "PostalCode":"12209", "City":"Berlin", "Country":"Germany", "Phone":"030-0074321“ } Response content Request body IntroAjax.WebServices.MyDataService .LookupCustomer( " ALFKI " , onSearchComplete);

Client Callbacks ,[object Object],[object Object],[object Object],[object Object],[object Object],IntroAjax.WebServices.TimeService . prototype = { GetTimeAsFormat : function ( timeFormat , succeededCallback, failedCallback, userContext) { return this ._invoke( IntroAjax.WebServices.TimeService .get_path(), // service path ' GetTimeAsFormat ', // method name false , // use GET verb {format: timeFormat }, // parameters succeededCallback, // completed callback failedCallback, // error callback userContext); // context extra information } } Method prototype

Exceptions and Timeouts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],// Method can't take longer than 3 secs function runOutOfTime() { IntroAjax.WebServices.MyDataService .set_timeout(3000); IntroAjax.WebServices.MyDataService .VeryLengthyTask(methodCompleted, methodError, " runOutOfTime() "); }

Page Methods ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Defining a Page Method ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],public partial class Samples_Ch07_CallPageMethod : System.Web.UI.Page { : [WebMethod] public static DateTime GetTime() { return DateTime.Now; } } Sample page method Can be any .NET type, including custom types

Invoking a Page Method ,[object Object],[object Object],[object Object],[object Object],< script type ="text/javascript"> function getTime() { PageMethods .GetTime(onMethodComplete); } function onMethodComplete(results, context, methodName) { // Format the date-time object to a more readable string var displayString = results.format(" ddd, dd MMMM yyyy "); $get (" Label1 ").innerHTML = displayString; } </ script > < asp:ScriptManager runat="server" ID ="ScriptManager1" EnablePageMethods ="true" /> < h2 >What time is it on the server?</ h2 > < input type ="button" value ="Get Time" onclick ="getTime()" />

DEMO ,[object Object],[object Object]

Web services vs. Page methods ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Bridging External Services ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Server-to-Server ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

DEMO ,[object Object],[object Object],[object Object],[object Object],[object Object]

Summary ,[object Object],[object Object],[object Object],[object Object],[object Object]

References ,[object Object],[object Object],[object Object]

Esposito Ajax Remote

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Esposito Ajax Remote

Similar to Esposito Ajax Remote (20)

Recently uploaded

Recently uploaded (20)

Esposito Ajax Remote