How to call code behind server method from a client side JavaScript function?

Question

I am having an JavaScript function for a HTML button click event in ASPX page. And a server Method in its code behind page. Now i want to call the server method from the JavaScript function with some parameters only when the HTML button is clicked by the user.

Please don't change this scenario and also don't use any asp.net contols in the aspx page while replying. Because only HTML controls are allowed. Can anyone help me on this ?. Thanks in advance. Eagerly waiting for answers.

Here is the code,

Code in markup:

<script language="javascript" type="text/javascript">     function btnAccept_onclick() {                 var name;                     name = document.getElementById('txtName').value;          // Call Server side method SetName() by passing this parameter 'name' </script>  <input type="button" id="btnAccept" value="Accept" onclick="return btnAccept_onclick()" /> 

Code-behind:

public void SetName(string name) {     // Code for some functionality     } 

Answer 1

Yes, you can make a web method like..

[WebMethod] public static String SetName(string name) {     return "Your String" } 

And then call it in JavaScript like,

PageMethods.SetName(parameterValueIfAny, onSuccessMethod,onFailMethod); 

This is also required :

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