Beginning Web Development, Silverlight, and ASP.NET AJAX

260
CHAPTER 11 ■ AJAX APPLICATIONS AND EMPOWERING THE WEB USER EXPERIENCE
The first thing you’ll do is split the application into two pages: the page that runs on
the server and provides the calculation, and the page that provides the UI and calls the
first page.
To add the server page, add a new ASP.NET Web Forms page to your project, and call
it MultiplyAJAXServer.aspx.
In Source view, remove all the markup on the page except for the ASP.NET markup on
the top line, which looks like this:
Now, in the Page_Load event handler, add this code:
protected void Page_Load(object sender, EventArgs e)
{
int nX = 0;
int nY = 0;
try
{
nX = Convert.ToInt16(Request.Params["nx"]);
nY = Convert.ToInt16(Request.Params["ny"]);
}
catch (Exception ex)
{
nX = 0;
nY = 0;
}
int nAns = nX * nY;
Response.Write(nAns);
}
This takes two HTTP parameters, nX and nY, and multiplies them out, writing the
response back to the output buffer. You’ll take these results and load them into the
answer field when you write the Ajax UI layer. This is why you removed all the markup
from the page earlier, as you do not want to write out unnecessary HTML tags from this
service (such as and ).
To create the Ajax UI, add a new HTML page to the solution and call it
MultiplyAJAXClient.htm. Make a similar layout to the earlier example, but use HTML
controls. When you are ready, the HTML should look like this: