How Can I Call a Server-Side Method from Client-Side JavaScript Using ASP.NET PageMethods?

Calling a Server-Side Method from a Client-Side JavaScript Function

In this scenario, we have an HTML button click event and a server method in the code-behind. The goal is to invoke the server method with parameters upon button click from a JavaScript function.

Using the PageMethods Class and Web Methods

One approach is to create a web method in the code-behind as follows:

[WebMethod]
public static string SetName(string name)
{
    // Functionality for processing 'name' parameter
}

In the client-side JavaScript, you can then use the PageMethods class to call the web method like this:

PageMethods.SetName(parameterValueIfAny, onSuccessMethod, onFailMethod);

Adding the ScriptManager Control

To enable PageMethods to work properly, it's necessary to include the following control in the ASPX page:

<asp:ScriptManager ID="ScriptMgr" runat="server" EnablePageMethods="true" />

This enables the necessary JavaScript libraries and establishes the communication channel between the client and server.

Example Code

Here's an example of how to implement the JavaScript code:

function btnAccept_onclick() {
    var name = document.getElementById('txtName').value;
    PageMethods.SetName(name,
        function (result) {
            // Success callback (process result as necessary)
        },
        function (error) {
            // Error callback (handle as appropriate)
        });
}

By following these steps, you can effectively call server-side methods from client-side JavaScript functions, providing seamless communication between the browser and the server.

The above is the detailed content of How Can I Call a Server-Side Method from Client-Side JavaScript Using ASP.NET PageMethods?. For more information, please follow other related articles on the PHP Chinese website!