Beginning Ajax With ASP.NET (2006).pdf

Other Ajax Frameworks for .NET
The block of JavaScript is responsible for gathering the user input and passing it to the Anthem_Invoke
PageMethod function. The first argument in this function is the name of the method on the server that
you want to execute. In an upcoming code block, you will define a method on the page named Multiply,
which is the code this function will execute. The next argument is an array of values that represent the signature
of the Multiply method on the server. Multiply requires two integers to multiply together and
returns the result. The final argument is the address of the callback function. After Multiply_CallBack
runs, the textbox txtResult’s value will contain the product of the two numbers.
You will not add the Anthem page directive to the page in this example. The technique used here will
use Anthem.NET’s functionality to access methods in the code-behind directly from JavaScript. This
approach does not require that you use Anthem.NET controls.
Next, update the markup by adding the following code between the tags:
X
The HTML you see here is a bit different from the type of markup you have defined in the previous
examples. In this case, you are not using a panel, nor are you declaring your controls as custom controls.
This approach uses JavaScript to directly access the code-behind methods. Each input box is a standard
HTML input box, and the work begins when you click the Multiply button.
Finally, update the InvokePageMethod class with the following code-behind:
public partial class InvokePageMethod : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Anthem.Manager.Register(this);
}
}
[Anthem.Method]
public int Multiply(int int1, int int2)
{
return (int1 * int2);
}
241